body {
 margin:0;
 padding:0;
 background:#ffffff;
 color: #000000;
 text-align:center;
 font-family: tahoma,helvetica,sans-serif;
 font-size: 70%;
 }

#outer {
 margin:0;
 padding:0;
 text-align:left;
 width:740px;
 margin:auto;
 }

#hdr {
 margin:0;
 padding:15px 25px 0 25px;
 height:90px;
 background:#f26e7c;
 color: #ffffff; 
 }

#logo-bar {
 margin:0;
 padding:0 25px 0 25px;
 height:72px;
 background:#ffffff; 
 }

#bodyblock {
 margin:0;
 padding:0;
 position:relative;
 background: #ffffff;
 color: #000000;
 width:740px;
 }

#featured-products {
 margin:0;
 padding:0 0 0 25px;
 background-image: url(http://www.raspberryblowers.com/images/matrix-bg.gif);
 background-repeat: no-repeat;
 background-position: 415px 346px;
 float:left;
 height:540px;
 width:405px; 
 }
 
td.feature-light {
 background-color: #cec7b4;
 color:#000000;
 text-align:center;
 width:123px;
 height:20px;
 font-size:90%;
 }
 
td.feature-medium {
 background-color: #bfb69d;
 color:#000000;
 text-align:center;
 width:123px;
 height:20px;
 font-size:90%;
 }
 
td.feature-dark {
 background-color: #b6ab8e;
 color:#000000;
 text-align:center;
 width:123px;
 height:20px;
 font-size:90%;
 }

#search {
 margin:0;
 padding:0;
 width:310px;
 background:#ffffff;
 float:left;
 text-align:left;
 height:100%;
 min-height:100%;
 }
 
#content {
 margin:0 37px 0 39px;
 padding:0px 0 20px 0;
 background:#ffffff;
 text-align:left;
 }
 
.title {
 padding:10px 0 8px 0;
 }
 
td.product {
 text-align:center;
 color:#ca2138;
 font-weight:bold;
 }
 
td.stock {
 text-align:center;
 color:#f06d7b;
 font-size:90%;
 }
 
.current-page {
 color:#f06d7b;
 font-weight:bold;
 }
 
#flash-viewer {
 margin:0;
 padding:10px 0 0 39px;
 float:left;
 height:620px;
 width:391px;
 }
 
#product-description {
 margin:0;
 padding:10px 0 0 39px;
 float:left;
 width:680px;
 }

#order {
 margin:0;
 padding:85px 0 0 50px;
 width:260px;
 background:#ffffff;
 float:left;
 text-align:left;
 }
 
#catNav {
 clear:both; /* correctly position in Firefox & Safari */
 margin:0 0px 0 0px;
 padding: 2px 0 0 25px;
 height:41px;
 background:#aad4ed;
 border:solid #ffffff;	
 border-width:2px 0 1px 0; 
 font-size:12px;
 font-weight:bold;
 text-align:left;
 }




#nav {
 clear:both; /* correctly position in Firefox & Safari */
 margin:0 37px 0 39px;
 padding: 10px 0 0 0px;
 height:28px;
 background:#f26e7c;
 color: #ffffff;
 border:solid #aad4ed;	
 border-width:2px 0 2px 0; 
 font-size:11px;
 }
 
 
a {
 text-decoration: none;
 color: #000000;
 }
 
a:hover {
 text-decoration: none;
 color: #ca2138;
 }
 
a.menu {
 padding:0 0 0 10px;
 text-decoration: none;
 color: #ffffff;
 }
 
a.menu:hover {
 padding:0 0 0 10px;
 text-decoration: none;
 color: #ca2138;
 }

a.catNav {
 color: #ffffff;
 }

a.catNav:hover {
 color: #ffffff;
 background-color: #f26e7c;
 }

a.currentCrumbPage {
 color: #000000;
 }

a.currentCrumbPage:hover {
 color: #000000;
 }

#ftr {
 margin:20px 37px 0 39px;
 padding:0;
 height:75px;
 background:#ffffff;
 color: #9a8e64; 
 }
 
select,input {
 font-family: tahoma,helvetica,sans-serif;
 color: #9a8e64;
 }
 
input.btn{
   color:#000000;
   font-family: tahoma,helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
   background-color: #aad4ed;
   border:1px solid;
   border-top-color:#d0e7f5;
   border-left-color:#d0e7f5;
   border-right-color:#025586;
   border-bottom-color:#025586;}
 
a.credit {
 text-decoration: none;
 color: #9a8e64;
 }
 
a.link {
 color: #0099FF;
 }

a.link:hover {
 text-decoration: none;
 color: #ca2138;
 }

a.linkTitle {
 color: #000000;
 font-weight:bold;
 }

a.linkCategories {
 color: #f26e7c;
 font-size:120%;
 font-weight:bold;
 }

img {
 border:0;
 }

.opacity img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
}

.opacity:hover img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.8;
 }
 
.link img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
}

.link:hover img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.5;
 }
 
p {
  line-height:1.4em;
  margin: 7px 0 5px 0;
 }
 
.carttable {
  border-style: solid;
  border-color : #f2c5ca;
  border-width:1px 0 1px 0;
}

p a:hover
{
	background: inherit;
	color: #000;
}

/* Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .sleepsuit_preview
{
	display: none;
}

.hoverbox a:hover .sleepsuit_preview
{
	display: block;
	position: absolute;
	top: -402px;
	left: -45px;
	z-index: 1;
}

.hoverbox a .tee_preview
{
	display: none;
}

.hoverbox a:hover .tee_preview
{
	display: block;
	position: absolute;
	top: -270px;
	left: -45px;
	z-index: 1;
}

.hoverbox a .hat_preview
{
	display: none;
}

.hoverbox a:hover .hat_preview
{
	display: block;
	position: absolute;
	top: -400px;
	left: -45px;
	z-index: 1;
}

.hoverbox a .package_preview
{
	display: none;
}

.hoverbox a:hover .package_preview
{
	display: block;
	position: absolute;
	top: -280px;
	left: -45px;
	z-index: 1;
}

.hoverbox a .package_preview_no_garment
{
	display: none;
}

.hoverbox a:hover .package_preview_no_garment
{
	display: block;
	position: absolute;
	top: -280px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .sleepsuit_preview
{
	border-color: #000;
	width: 370px;
	height: 427px;
}

.hoverbox .tee_preview
{
	border-color: #000;
	width: 430px;
	height: 390px;
}

.hoverbox .hat_preview
{
	border-color: #000;
	width: 370px;
	height: 445px;
}

.hoverbox .package_preview
{
	border-color: #000;
	width: 430px;
	height: 390px;
}

.hoverbox .package_preview_no_garment
{
	border-color: #000;
	width: 430px;
	height: 390px;
}

/* Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .sleepsuit_preview
{
	top: -447px;
	left: -50px;
}

.hoverbox a:hover .tee_preview
{
	top: -429px;
	left: -55px;
}

.hoverbox a:hover .hat_preview
{
	top: -462px;
	left: -50px;
}

.hoverbox a:hover .package_preview
{
	top: -429px;
	left: -155px;
}

.hoverbox a:hover .package_preview_no_garment
{
	top: -429px;
	left: -55px;
}

.hoverbox li
{
	position: static;
}