﻿html, body, ul, li, p, h1, h2, h3, h4, h5, h6, div, span, a, img, a img{
margin:0px;
padding:0px;
border:0px;}

h1, h2, h3, h4, h5, h6{
font-family:Arial, Helvetica, Verdana, sans-serif;
color:#630;}

h1{font-size:18pt; text-align:center; line-height:18pt; font-weight:normal;}
h2{font-size:14pt; line-height:14pt; font-weight:normal;}
h3{font-size:14px; line-height:28px;}

a{color:#33c; text-decoration:none;}
a:hover{text-decoration:underline;}
p{text-align:justify; margin:10px 0;}
ul{list-style-position:inside; margin:10px 0;}

body{
width:100%;
text-align:center;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:small;
background-color:#FFEFBC;
background-image:url('/img/body-background.gif');
background-attachment:fixed;
background-position:center;
background-repeat:repeat-y;}

#sideborders{
width:100%;
background-image:url('/img/body-border.gif');
background-attachment:fixed;
background-position:center;
background-repeat:repeat-y;}

#lowborder{
width:100%;
height:30px;
background-image:url('/img/body-border-bottom.gif');
background-position:center;}

#wrapper{
width:1000px;
margin:0px auto 0px auto;
text-align:left;
background-color:#FFEFBC;}

#header{
width:1000px;
height:100px;
margin:0px;
background-color:#FFEFBC;
background-image:url('/img/espresso-and-more.jpg');
background-repeat:no-repeat;}

	#header a{
	display:block;
	width:100%;
	height:100px;
	border:none;
	margin:0px;
	padding:0px;
	text-decoration:none;}

	#header a b{
	visibility:hidden;
  display:none;}

/* CSS styles for the top nav are coded in the head section of topnav.html */

#main{
width:1000px;
background-image:url('/img/main-background.gif');
background-repeat:repeat-y;
border-bottom:1px solid #331100;
border-top:2px solid #331100;
}

/* BEGIN LEFT NAV STYLES */
#leftnav{width:160px; overflow:hidden; float:left; padding-bottom:20px;}
#left1{font-size:120%;}
#left2{font-size:115%;}
#left3{font-size:100%; padding-left:10px;}
#section1, #section2, #section3{width:160px; height:40px; line-height:40px; font-size:16px; color:#333;}
#leftnav ul{list-style-type:none; list-style-position:outside; text-indent:0; font-weight:bold; margin:0 0 0 5px;}
#leftnav ul li a{color:#331100; font-weight:normal;}
#leftnav ul li a:link{color:#331100;}
#leftnav ul li a:visited{color:#331100;}
#leftnav ul li a:hover{color:#663300;}
#leftnav ul li a:active{color:#331100;}
/* END LEFT NAV STYLES */

/* BEGIN RIGHT NAV STYLES */
#rightnav{width:160px; overflow:hidden; float:left;}
#rightnav div{padding:10px; text-align:center;}
#rightnav div a, #rightnav div span{color:#960; font-size:xx-small; font-weight:bold;}
#rightnav div p{margin:0 auto; text-align:center; font-size:x-small; color:#630;}
#rightnav div p span{font-size:small; color:#310;}
#rightnav div p em{font-style:normal; font-weight:bold;}
#rightnav div p b{color:#310;}
/* END RIGHT NAV STYLES */

#variations p{float:left; width:40px; margin-top:40px; text-align:center; color:#630; font-weight:bold; font-size:14px; font-variant:small-caps;}
#variations div{float:left; width:100px; text-align:center;}
#variations div span{color:#c00;}
#variations a{color:#333; text-decoration:none;}
#variations a:hover{text-decoration:none;}

  #content{
	width:640px;
	overflow:hidden;
	padding:10px 20px;
	float:left;
	border-top:1px solid #331100;}

		#content #breadcrumbs{
		font-size:10px;
		line-height:10px;}
		
			#breadcrumbs a:link{color:#663300;}
			#breadcrumbs a:visited{color:#663300;}
			#breadcrumbs a:hover{color:#331100;}
			#breadcrumbs a:active{color:#663300;}
		
		#content #product, #content #brand{
		width:488px;
		height:50px;
		float:left;}
		
			#content #product h1{
			text-align:left;
			font-size:24px;
			line-height:24px;
			font-weight:normal;
			color:#331100;
			margin:5px 0 0 0;}
			
			#content #product h2{
			text-align:left;
			font-size:12px;
			line-height:12px;
			font-weight:normal;
			color:#333;}

		#content #brand h1{
		height:50px;
		line-height:50px;
		text-align:left;
		font-size:40px;
		font-weight:normal;
		color:#310;
		letter-spacing:0.3em;}

		#content #logo{
		width:150px;
		height:50px;
		float:left;}
	
		#content #picblock{
		width:280px;
		margin:0;
		float:left;
		text-align:center;
		font-size:12px;
		font-variant:small-caps;}
		
		#content #orderform{
		width:358px;
		margin:50px 0 0 0;
		float:left;
		text-align:center;}
	
			#content #orderform div{
			font-size:12pt;
			color:#c00;
			text-align:center;}

		#content ul{
		margin-top:10px;
		margin-left:3em;
		text-indent:-1.4em;}

.wipe{width:0; height:0; line-height:1%; clear:both;}



.back2top{
text-align:right;
font-size:10px;}

.back2top a{
text-decoration:none;
color:#33c;}

#videos{
width:100%;
padding:0;
margin:14px 0;
border:0;
border-collapse:collapse;}

#videos td{
vertical-align:top;
text-align:center;
}

#videos #six td{width:16.6%;}
#videos #five td{width:20%;}
#videos #four td{width:25%;}
#videos #three td{width:33.3%;}
#videos #two td{width:50%;}

#videos b{font-weight:normal;}

#videos a img{border:solid 1px #630;}

/* BEGIN BRAND PAGE STYLES */
#cat-links{width:640px; font-size:14px;}
#cat-links table{width:100%;}
#cat-links td{text-align:center;}
#cat-links a{text-decoration:underline;}
#cat-links a:link{color:#33c;}
#cat-links a:visited{color:#33c;}
#cat-links a:hover{color:#310; text-decoration:none;}
#cat-links a:active{color:#33c;}
.cat-wrap{width:638px; border:1px solid #ddd;}
  .cat-wrap h2{width:622px; margin:10px auto 5px auto; text-align:center;}
  .cat-wrap .pic{line-height:20px;}
.brand-intro{width:628px; font-size:85%; margin:0 auto 15px auto;}
.brand-cat{width:608px; font-size:85%; margin:0 auto 10px auto;}
.product-row{width:640px; text-align:center; margin-bottom:20px;}
  .product-row .cell{width:200px; float:left;}
    .product-row .cell a:link{text-decoration:underline;}
    .product-row .cell a:visited{text-decoration:underline;}
    .product-row .cell a:hover{text-decoration:none;}
.product-row .spacer{width:20px; float:left;}

.product-wrap{width:640px; text-align:center; margin-bottom:10px;}
  .product-wrap .cell{width:213px; float:left; margin-bottom:20px;}
    .product-wrap .cell a:link{text-decoration:underline;}
    .product-wrap .cell a:visited{text-decoration:underline;}
    .product-wrap .cell a:hover{text-decoration:none;}

.sale-price{color:#c00; font-size:85%; font-weight:bold;}
.price{color:#630; font-size:85%;}
/* END BRAND PAGE STYLES */

/* BEGIN CATEGORY PAGE STYLES */
#category{width:588px; height:50px; float:left;}
#category h1{height:50px; line-height:50px; text-align:left; font-size:40px; font-weight:normal; color:#310; letter-spacing:0.3em;}
#category-logo{width:50px; height:50px; float:left;}

#subcats{width:640px; font-size:14px;}
#subcats table{width:100%;}
#subcats td{text-align:center;}
#subcats a{text-decoration:underline;}
#subcats a:link{color:#33c;}
#subcats a:visited{color:#33c;}
#subcats a:hover{color:#310; text-decoration:none;}
#subcats a:active{color:#33c;}
.cat-intro{width:628px; font-size:85%; margin:0 auto 15px auto;}
.cat-p{width:608px; font-size:85%; margin:0 auto 10px auto;}
/* END CATEGORY PAGE STYLES */

/* BEGIN FOOTER STYLES */
#footer{width:100%; margin:0 auto 32em auto; text-align:center; color:#663300;}
/* END FOOTER STYLES */
























































