@charset "utf-8";
/* Stone Creek CSS */
	/* Site Wide CSS */
		* {
			padding:0;
			margin:0;
		}
		body {
			font-family:Georgia, "Times New Roman", Times, serif;
			background:url("../images/sitebg.gif");
			background-position: top left;
			background-repeat:repeat;
		}
		#wrapper {
			width:923px;
			margin:auto;
			overflow:auto;
			background-color:#f3eeda;
		}
		#topleftheader {
			float:left;
			width:561px;
			height:25px;
		}
		#toprightheader {
			float:left;
			width:350px;
			height:15px;
			text-align:right;
			padding-right:12px;
			padding-top:10px;
		}
		.topbrowntxt {
			color:#3c2415;
			padding-right:15px;
			font-size:12px;
			font-weight:bold;
		}
		.topgreentxt {
			color:#817c00;
			font-size:12px;
			font-weight:bold;
		}
		/* Navigation CSS */
			#topnav {
				clear:both;
				width:923px;
				height:55px;
			}
			#navarea {
				width:873px;
				padding-left:50px;
				height:20px;
				background-color:#817c00;
			}
			#bottomnav {
				clear:both;
				width:923px;
				height:21px;
			}
			.coffee a {
				width:49px;
				height:20px;
				background:url("../images/Coffee.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.coffee a:hover, .coffee .selected {
				width:49px;
				height:20px;
				background:url("../images/CoffeeHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.merchandise a {
				width:101px;
				height:20px;
				background:url("../images/Merchandise.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.merchandise a:hover {
				width:101px;
				height:20px;
				background:url("../images/MerchandiseHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.ourstory a {
				width:81px;
				height:20px;
				background:url("../images/OurStory.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.ourstory a:hover {
				width:81px;
				height:20px;
				background:url("../images/OurStoryHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.thefactory a {
				width:92px;
				height:20px;
				background:url("../images/TheFactory.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.thefactory a:hover, .thefactory .selected {
				width:92px;
				height:20px;
				background:url("../images/TheFactoryHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.locations a {
				width:80px;
				height:20px;
				background:url("../images/Locations.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.locations a:hover {
				width:80px;
				height:20px;
				background:url("../images/LocationsHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.wholesalecoffee a {
				width:136px;
				height:20px;
				background:url("../images/WholesaleCoffee.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.wholesalecoffee a:hover {
				width:136px;
				height:20px;
				background:url("../images/WholesaleCoffeeHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			
			
			
			
			
			.coffee2 a {
				width:49px;
				height:20px;
				background:url("../images/CoffeeHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.coffee2 a:hover, .coffee .selected {
				width:49px;
				height:20px;
				background:url("../images/CoffeeHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.merchandise2 a {
				width:101px;
				height:20px;
				background:url("../images/MerchandiseHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.merchandise2 a:hover {
				width:101px;
				height:20px;
				background:url("../images/MerchandiseHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.ourstory2 a {
				width:81px;
				height:20px;
				background:url("../images/OurStoryHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.ourstory2 a:hover {
				width:81px;
				height:20px;
				background:url("../images/OurStoryHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.thefactory2 a {
				width:92px;
				height:20px;
				background:url("../images/TheFactoryHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.thefactory2 a:hover, .thefactory2 .selected {
				width:92px;
				height:20px;
				background:url("../images/TheFactoryHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.locations2 a {
				width:80px;
				height:20px;
				background:url("../images/LocationsHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.locations2 a:hover {
				width:80px;
				height:20px;
				background:url("../images/LocationsHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.wholesalecoffee2 a {
				width:136px;
				height:20px;
				background:url("../images/WholesaleCoffeeHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			.wholesalecoffee2 a:hover {
				width:136px;
				height:20px;
				background:url("../images/WholesaleCoffeeHover.jpg");
				background-position:top center;
				background-repeat:no-repeat;
			}
			
			
			
			
			
			
			.ddsmoothmenu{
				font: bold 14px Georgia;
				margin-left:35px;
			}
			.ddsmoothmenu ul{
				z-index:100;
				margin:0;
				padding:0;
				list-style-type: none;
				
			}
			/*Top level list items*/
			.ddsmoothmenu ul li{
				position: relative;
				display: inline;
				float: left;
				
			}
			/*Top level menu link items style*/
			.ddsmoothmenu ul li a{
				display: block;
				padding: 0px;
				margin-right:40px;
				color: #FFFFFF;
				letter-spacing:-1px;
				text-decoration: none;
				
			}
			* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
				display: inline-block;
			}
			.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
				color:#FFFFFF;
			}
			/*.ddsmoothmenu ul li a.selected{CSS class that's dynamically added to the currently active menu items' LI A element
			}
			.ddsmoothmenu ul li a:hover{/*background of menu items during onmouseover (hover state)
			}*/
			/*1st sub level menu*/
			.ddsmoothmenu ul li ul{
				position:absolute;
				left:0;
				display:none;
				visibility:hidden;
				width:244px;
				padding-bottom:10px;
				/*border:1px solid #817C00;*/
				background:url("../images/LinkBg.png");
				background-position:bottom left;
				background-repeat:no-repeat;
				
			}
			/*Sub level menu list items (undo style from Top level List Items)*/
			.ddsmoothmenu ul li ul li{
				display:list-item;
				float:none;
			}
			/*All subsequent sub menu levels vertical offset after 1st level sub menu */
			.ddsmoothmenu ul li ul li ul{
				top:0;
			}
			/* Sub level menu links style */
			.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
				font:bold 14px Georgia;
				width:230px;
				margin-left:5px;
				padding:2px;
				color:#817C00;
				background:#f3eeda;
				text-decoration:none;
			}
			.ddsmoothmenu ul li ul li a:hover {
				background:#817C00;
				color:#FFFFFF;
				font-weight:bold;
				text-decoration:none;
			}
			/* Holly Hack for IE \*/
			* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
			/* ######### CSS classes applied to down and right arrow images  ######### */
			.downarrowclass{
				position: absolute;
				top: 12px;
				right: 7px;
			}
			.rightarrowclass{
				position: absolute;
				top: 6px;
				right: 5px;
			}
			/* ######### CSS for shadow added to sub menus  ######### */
			.ddshadow{
				position: absolute;
				left: 0;
				top: 0;
				width: 0;
				height: 0;
			/*background: silver;*/
			}
			.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
				opacity: 0.8;
			}
		/* End Navigation CSS */
		/* Footer CSS */
			#footsplit {
				clear:both;
				text-align:center;
				width:923px;
			}
			#leftfooter, #rightfooter {
				font-size:11px;
				font-weight:bold;
				color:#3c2415;
			}
			#totalfooter {
				font-size:11px;
				font-weight:bold;
				color:#3c2415;
			}
			#leftfooter {
				float:left;
				width:718px;
				height:88px;
				text-align:left;
				padding-left:15px;
				padding-top:5px;
			}
			#rightfooter {
				float:left;
				width:175px;
				height:88px;
				text-align:right;
				padding-right:15px;
				padding-top:5px;
			}
		/* End Footer CSS */
		/* Site Links CSS */
			a, a:visited {
				color:#817c00;
				text-decoration:none;
			}
			a:hover, a:visited:hover {
				text-decoration:underline;
			}
		/* End Site Links CSS */
	/*End Sitewide CSS */
	/* Big Image on Pages */
		#mainimagearea {
			clear:both;
			width:923px;
			height:457px;
			position:relative;
			overflow:hidden;
		}
		#leftborder {
			position:absolute;
			top:12px;
			left:11px;
			width:7px;
			height:435px;
			z-index:1;
		}
		#topborder {
			position:absolute;
			top:0px;
			left:11px;
			width:901px;
			height:12px;
			z-index:1;
		}
		#rightborder {
			position:absolute;
			top:12px;
			left:902px;
			width:10px;
			height:435px;
			z-index:1;
		}
		#bottomborder {
			position:absolute;
			top:447px;
			left:11px;
			width:9px;
			height:901px;
			z-index:1;
		}
		#mainimage {
			width:890px;
			height:445px;
			padding-left:16px;
			padding-top:4px;
		}
	/* End Big Image CSS */
	/* Index CSS */
	
	    #mainbottomarea {
			clear:both;
			width:923px;
			position:relative;
			overflow:hidden;
		}
	
		#sponsorarea {
			float:left;
			width:463px;
			padding-bottom:15px;
			height:230px;
		}
		#sponsorimage {
			
			margin-top:30px;
			 text-align:center
			
		}
		#contentsplit {
			float:left;
			width:3px;
		}
		#blogarea {
			float:left;
			width:457px;
			padding-bottom:15px;
		}
		
		#blogrolltitle {
			width:78px;
			height:16px;
			padding-left:17px;
			padding-top:26px;
			
		}
		#blogroll {
			width:430px;
			padding-left:17px;
			padding-top:5px;
			color:#231f20;
			
			font-size:14px;
		}
	/* End Index CSS */
	/* Main Content Page CSS */
		#sidebar {
			float:left;
			width:236px;
			padding-bottom:15px;
		}
		.accordion { list-style-type: none; padding: 0; margin: 0;}
		.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 200px; }
		.accordion li { background: #3cf; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 200px;}
		.accordion li.active>a { background-color:#FFFFFF; }
		.accordion li div { background: #aef; display: block; clear: both; float: left; width: 200px;}
		.accordion a { text-decoration: none; font-size:12px; color: #222; display: block; cursor: pointer; background-color:#000000;}
	
		/* Level 2 */
		.accordion li ul li { background: #7FD2FF; font-size: 12px; }

		#contentdivider {
			float:left;
			width:6px;
			height:inherit;
			background:url("../images/ContentDivider.jpg");
			background-position:top left;
			background-repeat:repeat-y;
		}
		#rightcontentarea {
			float:left;
			width:687px;
			padding-top:10px;
			padding-bottom:15px;
		}
		#contentbar {
			width:660px;
			height:30px;
			vertical-align:top;
			padding-left:17px;
			padding-right:10px;
		}
		#bartext {
			float:left;
			width:200px;
			height:22px;
			vertical-align:top;
			padding-top:8px;
			color:#3c2415;
			font-weight:bold;
			font-size:14px;
		}
		#barlinks {
			float:left;
			width:460px;
			height:30px;
		}
		#barlinks img {
			margin-right:20px;
		}
		#contentcontainerbg {
			width:687px;
			background:url("../images/ContentDivider.jpg");
			background-position:top left;
			background-repeat:repeat-y;
		}
		#contenttext {
			width:660px;
			padding-top:10px;
			padding-left:17px;
			padding-right:10px;
			color:#3c2415;
			font-size:12px;
		}
	/* End Main Content Page CSS */
	/* Photo Page CSS */
		#phototext {
			width:660px;
			padding-left:17px;
			padding-right:10px;
			color:#3c2415;
			font-size:12px;
		}
	/* End Photo Page CSS */
	/* Sidebar of pages CSS */
		#sidebartitle {
			width:206px;
			margin-left:15px;
			margin-top:15px;
			padding:0;
		}
		.sidebarnav {
			margin-top:5px;
			margin-left:15px;
			padding:0;
			width:206px;
		}
		.sidebarnav a.menuitem {
			background-color:#f3eeda;
			font-size:14px;
			font-weight:bold;
			/*color:#817C00;*/
			display:block;
			position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
			width:188px;
			padding-left:18px;
			text-decoration:none;
		}
		.sidebarnav .menuitem:active, .sidebarnav a.expandedmenu{
			/*background-color:#817C00;
			color:#FFFFFF;*/
		}
		.sidebarnav a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
			position: absolute;
			top:5px;
			left:5px;
			border: none;
		}
		.sidebarnav a.menuitem:hover{
			/*background-color:#817C00;
			color:#FFFFFF;*/
		}
		
		/*
		.sidebarnav div.submenu{ 
			background-color:#f3eeda;
		}
		
		
		.sidebarnav div.submenu ul{ 
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		*/
		
		.sidebarnav div.submenu ul li{
		}
		.sidebarnav div.submenu ul li a{
			display: block;
			font-size:14px;
			/*color:#817C00;*/
			text-decoration: none;
			padding: 2px 0;
			padding-left: 23px;
		}
		/*.sidebarnav div.submenu ul li a:hover{
			background:#817C00;
			color:#FFFFFF;
		}
		*/
		
		
		
		
		
		
		a.menuitem1 {
			background-color:#f3eeda;
			font-size:14px;
			font-weight:bold;
			/*color:#817C00;*/
			display:block;
			position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
			width:188px;
			padding-left:18px;
			text-decoration:none;
		}
		.menuitem1:active, a.expandedmenu{
			/*background-color:#817C00;
			color:#FFFFFF;*/
		}
		a.menuitem1 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
			position: absolute;
			top:5px;
			left:5px;
			border: none;
		}
		a.menuitem1:hover{
			/*background-color:#817C00;
			color:#FFFFFF;*/
		}
		div.submenu1{ /*DIV that contains each sub menu*/
			background-color:#f3eeda;
		}
		div.submenu1 ul{ /*UL of each sub menu*/
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		div.submenu1 ul li{
		}
		div.submenu1 ul li a{
			display: block;
			font-size:14px;
			/*color:#817C00;*/
			text-decoration: none;
			padding: 2px 0;
			padding-left: 23px;
		}
		div.submenu1 ul li a:hover{
			/*background:#817C00;
			color:#FFFFFF;*/
		}
		
		
		
		
		
	/* End SideBar CSS */
	/* Blog Page CSS */
		#blogbar {
			width:660px;
			height:30px;
			vertical-align:top;
			padding-left:17px;
			padding-right:10px;
		}
		#blogtitle {
			width:660px;
			height:30px;
			vertical-align:top;
			color:#3c2415;
			font-weight:bold;
			font-size:14px;
		}
		.postdate {
			font-weight:normal;
		}
		#blogpost {
			width:660px;
			padding-top:10px;
			padding-left:17px;
			padding-right:10px;
			padding-bottom:15px;
			color:#3c2415;
			font-size:12px;
		}
	/* End Blog Page CSS */
	/* Ecommerce CSS */
		#breadcrumbs {
			width:660px;
			height:20px;
			vertical-align:top;
			color:#3c2415;
			font-weight:bold;
			font-size:14px;
			padding-left:17px;
			padding-right:10px;
		}
		#ecommerceform {
			width:660px;
			min-height:300px;
			padding-top:10px;
			padding-left:17px;
			padding-right:10px;
			padding-bottom:15px;
			color:#3c2415;
			font-size:12px;
		}
		select {
			background-color:#f3eeda;
			border:1px solid #3c2415;
			color:#3c2415;
			font-size:12px;
		}
	/* End Ecommerce CSS */
	/* Product Page CSS */
		#productcontainerbg {
			width:687px;
			background:url("../images/ContentDivider.jpg");
			background-position: 0px 330px;
			background-repeat:no-repeat;
		}
		#productarea {
			width:660px;
			min-height:400px;
			color:#3c2415;
			font-size:12px;
			padding-top:10px;
			padding-left:17px;
			padding-right:10px;
			padding-bottom:15px;
		}
		#productleft {
			padding-left:10px;
			padding-right:10px;
			padding-bottom:10px;
			width:230px;
			position:relative;
		}
		#productright {
			float:right;
			width:230px;
			padding-left:10px;
			position:relative;
		}
		#farmimage {
			width:228px;
			height:175px;
			padding-left:2px;
			padding-top:3px;
		}
		#farmborderleft {
			position:absolute;
			width:4px;
			height:172px;
			top:4px;
			left:10px;
			z-index:1;
		}
		#farmbordertop {
			position:absolute;
			width:231px;
			height:4px;
			top:0;
			left:10px;
			z-index:1;
		}
		#farmborderright {
			position:absolute;
			width:3px;
			height:172px;
			top:4px;
			left:237px;
			z-index:1;
		}
		#farmborderbottom {
			position:absolute;
			width:231px;
			height:4px;
			top:176px;
			left:10px;
			z-index:1;
		}
		#coffeeimage {
			width:225px;
			height:320px;
			padding-left:2px;
			padding-top:2px;
		}
		#coffeeborderleft {
			position:absolute;
			width:3px;
			height:314px;
			top:6px;
			left:10px;
			z-index:1;
		}
		#coffeebordertop {
			position:absolute;
			width:230px;
			height:6px;
			top:0;
			left:10px;
			z-index:1;
		}
		#coffeeborderright {
			position:absolute;
			width:4px;
			height:314px;
			top:6px;
			left:236px;
			z-index:1;
		}
		#coffeeborderbottom {
			position:absolute;
			width:230px;
			height:4px;
			top:320px;
			left:10px;
			z-index:1;
		}
		#producttop {
			width:410px;
			height:32px;
		}

		#coffeetitle {
			float:left;
			height:32px;
			width:150px;
			color:#3c2415;
			font-size:18px;
			font-weight:bold;
			padding-bottom:15px;
		}
		.greentitle {
			color:#817c00;
			font-size:12px;
		}
		.browntitle {
			color:#3c2415;
			font-size:12px;
		}
		#coffeebugs {
			float:left;
			height:32px;
			width:235px;
			padding-left:10px;
			padding-bottom:15px;
		}
		#coffeebugs img {
			margin-right:5px;
		}
		#rightbugs {
			padding-top:5px;
		}
		#productform {
			clear:both;
			width:660px;
			padding-top:20px;
		}
	/* End Product Page CSS */
	
	
	/* ajax modal dialog styles */
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalBox {
	background-color : #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #817C00;
	padding: 3px;
}
.modalBox caption {
	background-image: url(images/window_titlebg.gif);
	background-repeat:repeat-x;
}

#slider
{ 
    width: 890px;
    height: 445px;
    z-index: 3;
    
 }
 
 .sliderdiv
{
    width: 890px;
    height: 445px;
    margin-top: 0px;
    margin-right: 0px;
    z-index: 3;
}

.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}

#slider2
{ 
    width: 393px;
    height: 205px;
    z-index: 3;
    
 }
 
 .slidecontainerdiv2
 {
    margin-left:40px;
    float:left;
 }
 
 .sliderdiv2
{
    width: 393px;
    height: 205px;
    margin-top: 0px;
    margin-right: 0px;
    
    z-index: 3;
}