body {
text-align:center;
background-color:#c9d2e1;
background-image:url('../images/toplip.gif');
background-repeat:repeat-x;
background-position:top center;
}

h2 {
font-family: Gill Sans MT, sans-serif;
color: #515151;
font-size:18px;
}

p {
font-family: Tahoma, sans-serif;
color: #515151;
font-size:13px;
font-weight:normal;
line-height:110%;
}

#container {
width:960px;
text-align:left;
margin-left:auto;
margin-right:auto;
float:none;
}

#header {
width:230px;
height:98px;
float:left;
}

#header_text {
width:730px;
height:98px;
float:left;
}

#subheader {
width:960px;
height:28px;
float:left;
}

#subheader img {
display:block;
}

#subheader_left {
width:204px;
float:left;
height:28px;
}

#nav {
width:736px;
height:28px;
float:left;
background-image:url('../images/nav_bg.gif');
}

#subhead {
float:left;
width:960px;
height:28px;
}

#subhead img {
display:block;
}

#footer1 {
width:300px;
float:left;
margin-left:20px;
height:10em;
}

#footer2 {
width:300px;
float:left;
background-color:white;
margin-left:10px;
height:10em;
}

#footer3 {
width:300px;
float:left;
margin-left:10px;
height:10em;
background-image:url('../images/cbc_mini_logo.png');
background-repeat:no-repeat;
background-position:top right;
}

.navitem {
background-image:url('../bg.jpg');
background-position:-20px 35px;
}

.boxtop {
width:960px;
height:19px;
float:left;
}

.boxtop img {
display:block;
}

.boxbottom {
width:960px;
height:19px;
float:left;
}

.boxbottom img {
display:block;
}

.boxmiddle {
width:960px;
float:left;
background-image:url('../images/box_bg.gif');
background-position: top center;
background-repeat: repeat-y;
}

.boxmiddle img {
display:block;
}

.whitebox {
background-color:white;
}

.paddingbox {
padding:10px;
}

.paddingmiddle {
margin-left:20px;
margin-right:20px;
float:left;
}

.aftspacer_small {
margin-bottom:5px;
}

.aftspacer_big {
margin-bottom:10px;
}

.rightspacer {
margin-right:10px;
}

.rightborder {
border-right:10px solid white;
}

.categorybox {
padding-top:10px;
padding-left:0px;
padding-right:20px;
color:white;
font-family: Gill Sans MT, sans-serif;
font-size:18px;
float:left;
font-weight:bold;
}

.categorybox a {
color:white;
}

a {
text-decoration:none;
}

.redbg {
background-color:#f0a2a7;
}

.bluebg {
background-color:#c9d2e1;
}

.orangebg {
background-color:#ffc43a;
}

.greenbg {
background-color:#c1d6a7;
}

.graybg {
background-color:#cccccc;
}

.blackbg {
background-color:#515151;
}

.oranger {
background-color:#ffc43a;
}

.greener {
background-color:#c1d6a7;
}

.bluer {
background-color:#c9d2e1;
}

.redder {
background-color:#f0a2a7;
}

.oranger_active {
background-color:#ffc43a;
}

.greener_active {
background-color:#c1d6a7;
}

.bluer_active {
background-color:#c9d2e1;
}

.redder_active {
background-color:#f0a2a7;
}

.productnav {
width:920px;
float:left;
margin-bottom:10px;
}

.heirarchy {
float:left;
width:210px;
min-height:300px;
}

.heirarchy a {
color:white;
padding-left:5px;
padding-right:5px;
}

.heirarchy dl {
margin-bottom:10px;
padding-bottom:5px;
}

.heirarchy dt {
font-family: Gill Sans MT, sans-serif;
font-size:24px;
}

.heirarchy dd {
font-family: Gill Sans MT, sans-serif;
font-size:15px;
margin-left:10px;
line-height:120%;
}

.product {
float:left;
width:700px;
}

.topleveldisplay {
width:920px;
}

.topleveldisplay li {
font-family: Gill Sans MT, sans-serif;
font-size:30px;
color:white;
display:block;
font-weight:bold;
padding-top:10px;
float:left;
width:920px;
cursor:pointer;
}

.topleveldisplay a {
color:white;
}

 /*
#testerdiv ul {list-style:none;margin:0;padding:0;}
#testerdiv li {float:left;width:140px;margin:0;padding:0;text-align:center;}
#testerdiv li a {display:block;padding:5px 10px;height:100%;color:black;text-decoration:none;border-right:1px solid #FFF;}
#nav li a {background:url(../bg.jpg) repeat 0 0;}
#nav li li a {background-image:none;}
#nav li a:hover, li a:focus, li a:active {background-position:-150px 0;}

#nav a {background:url(../bg.jpg) repeat -20px 35px;}

#b a {background:url(bg2.jpg) repeat 0 0;}
#c a {background:url(bg3.jpg) repeat 0 0;}
#d a {background:url(bg4.jpg) repeat 0 0;}
</style>
*/


.main_image  {
    width: 860px;
    height: 178px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
    z-index:1;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
    z-index:1;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
    z-index:1;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
    z-index:1;
}
.main_image .block small {margin-left: 10px;    z-index:1;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 450px;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: transparent;
   /* border-top: 1px solid #000; */
    color:black;
    z-index:1;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(../images/btn_collapse.gif) no-repeat left top;
    height: 0px; /*27*/
    width: 0px; /*27*/
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image {background-image:url('../images/banner1.jpg');}

.main_image a.show {background-position: left bottom;}

.image_thumb {
float:left;
width:60px;
background-color:#c1d6a7;
}

.image_thumb img {
display:block;
}

.imgspace {
margin-bottom:11px;
}

.hidden {display: none;}

#middle_container{
	width: 925px;
	height: 335px;
}

#middle_container a{
	color: #343434;
	text-decoration: none;
}

#middle_container a:hover{
	color: #343434;
	text-decoration: underline;
}

#middle_container a:visited{
	color: #343434;
}


#coffee_body{
	width: 177px;
	height: 277px;
	background-image: url('../images/coffee_body.jpg');
	float: left;
	margin-left: 2px;
}

.body_space{
	margin-top: 35px;
	margin-left: 5px;
	line-height: 16px;
}

.body_p{
	font-size: 11px;
	line-height: 16px;
	color: #151515;
}

#espresso_body{
	width: 177px;
	height: 277px;
	background-image: url('../images/espresso_body.jpg');
	float: left;
	margin-left: 8px
}

#tea_body{
	width: 177px;
	height: 277px;
	background-image: url('../images/tea_body.jpg');
	float: left;
	margin-left: 8px
}

#equipment_body{
	width: 177px;
	height: 277px;
	background-image: url('../images/equipment_body.jpg');
	float: left;
	margin-left: 8px
}

#knowledgebase_body{
	width: 177px;
	height: 277px;
	background-image: url('../images/knowledgebase_body.jpg');
	float: left;
	margin-left: 8px
}


.headline {
	font-family: Gill Sans MT, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	width: 600px;
	float:left;
}

.headline_right {
  width:177px;
  height:59px;
  float:left;
  text-align:right;
  margin-left:143px;
}

.headline_right img {
display:block;
}

.headline_text {
	font-family: Gill Sans MT, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}

.copyright{
	margin-left: 15px;
	margin-right: 15px;
	width:850px;
	font-size: 9px;
	color: #aaaaaa;
	float:left;
}

.sq1 {
  width:80px;
  float:left;
  margin-left: 15px;
  margin-top: 2px;
  font-size: 9px;
}

.sq1 a{
	
	color: #aaaaaa;
	text-decoration: none;
}


.sq1 a:hover{
	color: #aaaaaa;
	text-decoration: underline;
}

.product_name {
	color: #151515;
	font-family: Gill Sans MT, sans-serif;
	font-size: 28px;
	font-weight: bold;
	display:block;
}

.product_caffeine {
	color: #151515;
	font-family: Gill Sans MT, sans-serif;
	font-size: 20px;
	display:inline;
	line-height:40px;
}

.product_caffeine ul, li {
display:inline;
}

.product_caffeine img {
margin-top:5px;
display:inline;
}

.product_sku {
	color: #aaaaaa;
	font-family: Gill Sans MT, sans-serif;
	font-size: 12px;
	line-height:200%;

}

.product_description {
	color: #151515;
	font-family: Gill Sans MT, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

.product_description strong {
	font-weight: bold;
}

.product_size {
	color: #151515;
	font-family: Gill Sans MT, sans-serif;
	font-size: 16px;
	line-height: 200%;
}

.productpic{
width:250px;
height:250px;
float:left;
}

.productinfo{
margin-left:10px;
width:420px;
float:left;
}

.chooser {
width:690px;
float:left;
	color: white;
	font-family: Gill Sans MT, sans-serif;
	font-size: 30px;
	font-weight:bolder;
  	top:-10px;
  	position:relative;
}

#delaybox {
font-size:100px;
}

#slider {
	/*position:relative;*/
	width:920px;
	height:178px;
	z-index:1;
}
#slider img {
	/*position:absolute;*/
	top:0px;
	left:0px;
}

#boxmiddle{
z-index:1;
}

#subheader{
z-index:2;
position:relative;
}