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

* {
	margin:0;
	padding:0;
}

a,
a img {
	outline:none;
}

img {
	border: none;
}

p {
	margin-bottom: 18px;
}

p.welcome-text {
	margin-bottom: 0;
}

a {
	color: #dc9;
	text-decoration: none;
	font-weight: bold;
}
	a:hover {
		text-decoration: underline;
	}

body {
	background:url('../images/bodybg.jpg') repeat-x #e6cfaf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
	#site-container {
		height:auto;
		width:1008px;
		margin:0 auto;
	}
		.head {
			background:url('../images/head.jpg') no-repeat;
			height:144px;
			width:1008px;
			position:relative;
			z-index:50;
		}
			.menu {
				height:46px;
			}
				/* jq css stuff for dd */
				#nav,
				#nav ul {
					list-style-type:none;
					list-style-position:outside;
					width:687px;
					float:right;
					margin:98px 25px 0 0;
				}
				
				#nav ul:hover li, 
				#nav ul.sfhover li {
					background-position:bottom;
					z-index:50;
				}
				
				#nav a:link, 
				#nav a:active, 
				#nav a:visited {
					display:block;
					color:#000;
					text-decoration:none;
					background-color:#fff;
				}
	
				#nav a:hover, 
				#nav a.sfhover {
					color:#333;
					background-position:bottom;
				}
				
				#nav li {
					z-index:50;
					float:left;
					position:relative;
				}
				
				/* submenu stuff */
				#nav ul {
					z-index:50;
					position:absolute;
					width:inherit;
					top:46px;
					display:none;
					padding-top:12px; /* 24px */
					background:#fff;
					padding-bottom:12px; /* 18px */
					border-bottom:solid 8px #e4a74c;
					width:269px;
					height:auto;
					float:left;
					margin:0;
				}
				
				#nav li a {
					display:block;
					float:left;
					position:relative;
					z-index:50;
				}
				
				#nav li ul a {
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#000;
					height:auto;
					width:180px;
					padding-left:15px;
					line-height:19px;
					position:relative;
					z-index:50;
				}
				
				#nav li ul a:hover, 
				#nav li ul a.sfhover {
					color:#a10310;
				}
				
				/* sub sub menu */
				#nav ul ul{
					top:auto;
					padding-bottom:18px;
					position:relative;
					z-index:50;
				}	
				
				#nav li ul ul {
					margin:0px 0 0 215px;
					position:relative;
					z-index:50;
				}
				
				#nav li:hover ul ul, 
				#nav li:hover ul ul ul, 
				#nav li:hover ul ul ul ul, 
				#nav li.sfhover ul ul,  
				#nav li.sfhover ul ul ul,  
				#nav li.sfhover ul ul ul ul {
					display:none;
					
				}
				
				#nav li:hover ul, 
				#nav li li:hover ul, 
				#nav li li li:hover ul, 
				#nav li li li li:hover ul, 
				#nav li.sfhover ul, 
				#nav li li.sfhover ul, 
				#nav li li li.sfhover ul, 
				#nav li li li li.sfhover ul {
					display:block;
				}
				/* end of jq dd css */
			
				.menu a {
					height:46px;
					float:left;
					background-position:top;
				}
				
				.menu li:hover {
					background-position:bottom;
				}
				
				.menu a h2 {
					display:none;
				}
				
				.home,
				.home a {
					background:url('../images/home.jpg');
					width:117px;
				}
				
				.beans-link {
					background:url('../images/beans.jpg');
					width:107px;
				}
				
				.franchise-link {
					background:url('../images/franchise.jpg');
					width:162px;
				}
				
				.locations-link {
					background:url('../images/locations.jpg');
					width:155px;
				}
				
				.about-link {
					background:url('../images/about.jpg');
					width:146px;
				}
		
		.body-container {
			height:auto;
			width:1000px;
			border-left:solid 4px #fff;
			border-right:solid 4px #fff;
			margin:11px 0 0 0;
			position:relative;
			float:left;
		}
			.wel-title {
				background:url('../images/welcome.jpg');
				height:38px;
				width:318px;
				position:absolute;
				bottom:150px;
				left:31px;
			}
			
			.wel-title span {
				display: none;
			}
			
			.left-swirl {
				background:url('../images/left.png');
				height:526px;
				width:349px;
				position:absolute;
				left:-349px;
			}
			
			.right-swirl {
				background:url('../images/right.png');
				height:373px;
				width:364px;
				position:absolute;
				right:-364px;
				top:105px;
			}
			
			.logo-bottom-static {
				background:url('../images/logo-bottom.jpg') no-repeat;
				height:92px;
				width:242px;
				position:absolute;
				top:-11px;
				z-index:15;
			}
			
			.welcome-container {
				background:url('../images/welcome-bg.jpg') #fff;
				height:279px;
				width:1000px;
				border-bottom:solid 5px #e4a74c;
				position:relative;
				z-index:10;
			}
				.welcome {
					height:auto;
					width:350px;
					position:absolute;
					bottom:15px; /*25px;*/
					left:31px;
				}
				
				.rotate {
					height:241px;
					width:522px;
					border:solid 9px #fff;
					float:right;
					margin:10px 40px 0 0;
				}
				
				.rotate ul li{
					display:block;
				}
		
			.home-bottom {
				background:url('../images/sack.jpg');
				height:358px;
				width:1000px;
				float:left;
				border-top:solid 6px #fff;
				position:relative;
				border-bottom:solid 11px #e4a74c;
			}
				.ourbeans {
					/*background:url('../images/ourbeans.jpg') no-repeat;*/
					height:auto;
					width:294px;
					float:left;
					margin:0 0 0 31px;
					padding:0 0 0 0; /* 66px 0 0 0; */
					display:inline;
				}
				
				.aboutus {
					/*background:url('../images/aboutus.jpg') no-repeat;*/
					height:auto;
					width:294px;
					float:left;
					margin:0 0 0 31px;
					padding:0 0 0 0; /* 66px 0 0 0; */
					display:inline;
				}
				
				.franchiseinfo {
					/*background:url('../images/franchiseinfo.jpg') no-repeat;*/
					height:auto;
					width:297px;
					float:left;
					margin:0 0 0 31px;
					padding:0 0 0 0; /* 63px 0 0 0; */
					display:inline;
				}
				
				.connect {
					background:url('../images/connect.jpg') no-repeat;
					height:auto;
					width:297px;
					float:left;
					margin:49px 0 0 31px;
					padding:39px 0 0 0;
				}
				
				.home-bottom div img {
					margin:0 0 5px 0;
				}
				
				.cloth {
					background:url('../images/clothbottom.jpg') repeat-y;
					position:absolute;
					bottom:0;
					width:1000px;
				}
		
			.inner-bottom {
				background:url('../images/sack.jpg') #e3cba9 repeat-x;
				height:auto;
				width:1000px;
				float:left;
				border-top:solid 6px #fff;
				position:relative;
				border-bottom:solid 11px #e4a74c;
			}
				.welcome-container.inner {
					height:81px;
				}
				
				.content {
					height:auto;
					width:929px;
					float:left;
					margin:0 0 0 31px;
				}
				
				.spacer {
					background:#fff;
					height:6px;
					width:80%;
					border:none;
					clear:both;
					margin:0 auto 10px auto;
				}
				
				.product ul {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:14px;
					color:#3d3307;
					margin:0 0 0 20px;
				}
			
			.inner-content {
				background:#7B2011; /*#7B2011*/
				width:580px; 
				border:solid 1px #5c180c; 
				padding:10px;
				float: left;
				clear: both;
				margin-bottom: 10px;
			}
			
				.inner-content h1, .inner-content h2 {
					margin-bottom: 18px;
				}
				
				.inner-content h3, .inner-content h4 {
					margin-bottom: 8px;
				}
				
				.inner-content p {
					margin-bottom: 18px;
					line-height: 1.6em;
				}
				
				.inner-content div.emphasis {
					border: 5px solid #E4A74C;
					background-color: #1A1603;
					padding: 5px;
					width: 80%;
					margin: 0 auto 10px auto;
					text-align: center;
				}
				
				.inner-content div.emphasis p {
					margin-bottom: 0;
					font-size: 18px;
					font-weight: bold;
				}
				
				.inner-content ul {
					margin: 0 0 18px 20px;
				}
				
					.inner-content ul li {
						margin-top: 6px;
					}
					
					.inner-content ul ul {
						margin-bottom: 0;
					}
			
			.sidebar-content {
				width: auto;
				float: left;
				background-color: transparent;
				padding: 0;
				margin-left: 25px;
			}
			
				.sidebar-content a {
					display: block;
					margin-bottom: 18px;
				}
			
			.breadcrumb-content {
					background:#7b2011; /* #7b2011; */
					width:270px; 
					font-family:Arial, Helvetica, sans-serif; 
					color:#FFF; 
					border:solid 1px #5c180c; 
					margin:8px 8px 8px 0; 
					padding:6px;
				}
			
			/* cart styles */
			.cart {
				background:#7b2011; /*#7b2011; */
				width:736px; 
				border:solid 1px #5c180c; 
				padding:6px;
				-moz-border-radius:15px;
				border-radius:15px;
			}
				.cart-total {
					background:#7b2011; /* #7b2011; */
					height:20px;
					width:270px; 
					font-family:Arial, Helvetica, sans-serif; 
					color:#FFF; 
					border:solid 1px #5c180c; 
					margin:8px 8px 8px 0; 
					padding:6px;
				}
				
				.success {
					background:#f6e0c1; 
					width:736px; 
					border:solid 1px #f6e0c1; 
					padding:6px; 
					margin:8px 0 8px 0; 
					font-family:Arial, Helvetica, sans-serif; 
					font-weight:bold; 
					font-size:20px; 
					color:#333;
				}
				
				.cart table tr th {
					background:#5c180d;
					color:#FFF;
					font-family:Arial, Helvetica, sans-serif;
					border:solid 1px #451209;
				}
				
				.cart table tr td {
					color:#FFF;
					font-family:Arial, Helvetica, sans-serif;
					padding:3px;
					margin:2px;
				}
				
				.cart span[style] {
					color: #fff !important;
				}
				
					.cart td.cart-right span.label {
						font-weight: bold;
					}
					
					.cart td.cart-right p {
						margin-bottom: 12px;
						font-size: 12px;
					}
					
					.cart td.cart-right p.price {
						font-size: 14px;
					}
					
					.cart ul {
						margin-left: 15px;
					}
					
					.cart ul li {
						margin-top: 8px;
					}
					 
					.dark {
						color:#CCC;
					}
				
		.footer {
			height:42px;
			width:1000px;
			background:#1a1603;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#554d26;
		}

/* t */
.welcome-text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fde0b5;
	text-shadow: 2px 2px 2px #000;
	line-height:19px;
}

.green-t,
.product p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #222;/*#3d3307;*/
	line-height:19px;
}

.green-t a {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#901D22; /* #883523; #858064;*/
	text-decoration:none;
	text-transform:uppercase;
}

.inner-t,
.inner-t a {
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFF;
}

pre {
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFF;
}

ul, ul li {
	margin:0;
	padding:0;
	-webkit-padding-start:0;
}

.left {
	float:left;
	margin:13px 0 0 20px;
}

.center {
	float:left;
	margin:13px 20px 0 0;
}
	.center a {
		color:#1a1603;
		text-decoration:none;
	}

.right {
	float:right;
	margin:13px 20px 0 0;
}
	.right a {
		color:#807a5c;
		text-decoration:none;
	}

.content .green-t img {
	padding:5px;
}

.product-title {
	font-family:Arial, Helvetica, sans-serif;
	color:#fde0b5;
}

.roast-style {
	font-size: 14px;
	font-weight: bold;
	color: #FDE0B5;
}

.cart h3 {
	margin-bottom: 12px;
	font-size: 18px;
}

.cart-link {
	height:38px;
	width:120px;
	position:absolute;
	top:0;
	right:0;
}

ul.inner-t  {
	margin:0 0 0 25px;
}

div.semitrans {
	background-color: transparent;
	background-image: url('../images/trans-50.png');
	padding: 10px 10px 1px 10px;
	margin-bottom: 10px;
}

	div.semitrans h2, div.semitrans h3 {
		margin-bottom: 12px;
	}
	
	div.semitrans div.category-nav {
		text-align: center;
		margin-bottom: 12px;
		font-size:18px;
		font-weight:bold;
		color#000;
	}
	
		div.semitrans div.category-nav a {
			padding: 0 5px 0 5px;
			color:#FFF;
			text-decoration:underline;
		}
		
		div.semitrans div.category-nav a:hover {
			padding: 0 5px 0 5px;
			color:#FFF;
			background-color:#000;
			text-decoration:none;
		}


h1.heading {
	width: 929px;
	height: 58px;
	padding: 0;
	margin: 0;
}

h1.heading span {
	display: none;
}

h1.franchise-opp {
	background-image: url('../images/franchise-opp.jpg');
}

h1.our-beans {
	background-image: url('../images/ourbeans.jpg');
}

h1.franchise-app {
	background-image: url('../images/franchise-app.jpg');
}

h1.franchise-roi {
	background-image: url('../images/franchise-inv.jpg');
}

h1.contact-us {
	background-image: url('../images/contact-us.jpg');
}

h1.our-history {
	background-image: url('../images/our-history.jpg');
}

h1.our-locations {
	background-image: url('../images/our-locations.jpg');
}

h1.our-menu {
	background-image: url('../images/our-menu.jpg');
}

.fp-heading {
	width: 294px;
	height: 66px;
	margin: 0;
	padding: 0;
	display: block;
}

	.fp-heading h2 {
		display: none;
	}

#our_beans {
	background-image: url('../images/ourbeans.jpg');
}

#about_us {
	background-image: url('../images/aboutus.jpg');
}

#franchise_info {
	background-image: url('../images/franchiseinfo.jpg');
	height: 63px;
}

div#locations h2 {
	cursor: pointer;
	width: 100%;
	border-bottom: 1px solid #fff;
}

p.header-text {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

#cvv2 {
	font-size: 10px;
	text-decoration: underline;
	color: #dc9;
	cursor: pointer;
}

div.success a {
	color: #7B2011;
}

.floatright {
	float: right;
	margin-left: 15px;
}

.floatleft {
	float: left;
	margin-right: 15px;
}

.paypal {
	display: none;
}

/* PNG Fix CSS */
img, div, a, input { behavior: url('/projects/cabincoffee/www/iepngfix/iepngfix.htc') }