body{
	font-family: arial, verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 10px;
	background-color: #f1f1f1;
	background-image:url("images/grypaws.gif");}

img {border:none;}
a {text-decoration:none; color:#990000;}
#homePenImage {float:left;}

#page{
	position:absolute;
	padding:0px; margin:0px;
	top:5px;
	left:10px; 
	width:800px;
	border: 1px solid #888888;
	background-color:#ffffff;}

#byline{ 
	color:#ffffff;
	background-color:#cbcbcb;
	background-image: url("images/grey.png");
	font-size:x-small;
	padding:5px;}

#masthead{
	border-bottom:1px solid #888888;
	padding:5px;}

#topnav {
	border-bottom:1px solid #888888;
	padding:5px;
	background-color:#999999;
	background-image: url("images/grey.png");}

#sideLeft{
	float: left;
	width:150px;
	height:800px;
	border-right:1px solid #888888;
	background-color: #efefef;
	padding:10px 0px 10px 0px; }

#sideRight{
	float: right;
	width:165px;
	height:800px;
	border-left:1px solid #888888;
	background-color: #efefef;
	text-align:center;
	padding:10px 0px 10px 0px; }

#content{margin:0px 165px 0px 150px;}
#healthContent{margin:0px 10px 0px 150px; }
#productContent{margin:0px 10px 0px 150px; }

#footer{
	clear: both;
	border-top: 1px solid #888888;
	padding:5px;
	font-size:x-small;
	text-align:center;}

/* CENTER CONTENT */

.item{
	margin:10px 35px 10px 35px; 
	padding:10px; 
	font-size:small;
	color:#000;
	border-left:10px solid #990000;
	border-right:1px solid #888888;
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;}
.item h1:first-letter {margin-left:5px;}
.item h2:first-letter {margin-left:5px;}
.item h5:first-letter {margin-left:10px; color:#680000;}
.item h6:first-letter {margin-left:10px; color:#0030ff;}
.item p:first-letter {font-size:large;margin-left:5px;}
.item img {margin-top:10px;}

/* NAVIGATION */
#topnav a:link, #topnav a:visited{
	padding:0px 5px 0px 5px; 
	font-size:small;
	font-weight:bold;}

#topnav{
	width:100%;
              background-color:#888888;
	height:24px;
	padding:0px;
              margin:0px;}

#linkcontainer{
	position:relative;
	top:4px;
	height:16px;
	padding:0px;
	margin:0px;
	z-index:1;}

a.topnavlink, a.topnavlink:visited{
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #666666;
	color:#eeeeee;
	font-size:small;}

a.topnavlink:hover{background-image:url("images/interface/topnavRollover.gif"); color:#990000;}
a#lastItem {border-right:none;}


#sideLeft a:link, #sideLeft a:visited{
  display:block;
  color:#ffffff;
  font-size:small;
  font-weight:bold;
  padding:5px;
  background-color:#cbcbcb;}

/* The following rule prevents gaps appearing in between navigation items and divider images Netscape and Firefox */
#sideLeft img {display:block;vertical-align:top;}

.pens {border-left:10px solid #003366;}
.pads {border-left:10px solid #990000;}
.mugs {border-left:10px solid #996699;}
.bags {border-left:10px solid #669900;}
.keyrings {border-left:10px solid #ffcc00;}
.stessbusters {border-left:10px solid #ff9900;}

#sideLeft a:hover {background-color:#999999;}


/* FEATURED ITEMS */
div.featuredrow {
  margin: 0px 35px 0px 35px;} 

div.featuredrow p#left {float:left;}
div.featuredrow p#right {float:right;}

div.featuredrow p#left, div.featuredrow p#right {
    margin:0px;
    width:170px;
    height:150px;
    padding:10px;
    text-align:center;
    font-size:small;
    border-right: 1px solid #888888;
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;}

/* hide from IE/Mac \*/
* html div.featuredrow p#left, * html div.featuredrow p#right {
  width:200px;}
/* end hiding */

/* SIDE PANEL BOXES */

.leftPanel {
	width:124px;
	margin:10px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:small;}

.rightPanel {
	width:137px;
	margin:15px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:small;}

.orderNumber {
	text-align:center;
	padding:5px;
	font-size:medium;
	font-weight:bold;
	color:#ff9900;}

 .point {
	padding:5px;
	color:#333333;
	margin:5px;}

.point:first-letter {
	color:#ff9900;
	font-size:medium;
	font-weight:bold;}

/* Health LIST */

.HealthListBox {
	vertical-align:middle;
	width:400px;
    height:200px;
    margin:20px 30px 20px 30px;
    padding:5px;
    border:1px solid #888888;
    font-size:small;}

.HealthListImage {
    float:left;
    width:150px;}


/* HEALTH DETAIL */
h4 {margin-left:20px;}

.healthDetail {
	border:1px solid #888888; 
	margin:10px 15px 10px 10px;
	padding:0px;}

.healthDetailLeft {
	float:left;
	width:310px;
	height:320px;
	text-align:center;}

.healthDetailRight {
	margin-left:310px;
	height:320px;
	padding:10px 10px 10px 10px; 
	color:#666666;
	background-color:#efefef;
	font-size:small;}


/* PRODUCTS LIST */

.productListBox {
	vertical-align:middle;
	width:450px;
    height:135px;
    margin:20px 30px 20px 30px;
    padding:5px;
    border:1px solid #888888;
    font-size:small;}

.productListImage {
    float:left;
    width:450px;}

span.price {font-weight:bold;}
/* PRODUCTS LIST1 */

.productListBox1 {
	vertical-align:middle;
	width:100px;
    height:90px;
    margin:20px 30px 20px 30px;
    padding:5px;
    border:1px solid #888888;
    font-size:small;}

.productListImage1 {
    float:left;
    width:150px;}

span.price {font-weight:bold;}


/* PRODUCTS DETAIL */
h4 {margin-left:20px;}

.productDetail {
	border:1px solid #888888; 
	margin:10px 15px 10px 10px;
	padding:0px;}

.productDetailLeft {
	float:left;
	width:310px;
	height:320px;
	text-align:center;}

.productDetailRight {
	margin-left:310px;
	height:320px;
	padding:10px 10px 10px 10px; 
	color:#666666;
	background-color:#efefef;
	font-size:small;}

table#productPrices {margin:10px 10px 20px 10px;}

table#productPrices td, table#productPrices th {
	padding:2px;
	font-size:small;}

 table#productPrices th {
	background-color:#d6d6d6;
	font-weight:bold;}

h1 {font-size:x-large;}
#avail {
	.rightPanel {
	width:137px;
	margin:15px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:small;}
}
#frame {
	.content {
	width:600px;
	height:500px;
	margin:0px 205px 0px 20px;
	text-align:center;
	padding:5px;}
}
.bg {
background-image : url(images/content-bg.jpg);
background-repeat : no-repeat;
padding : 0;
float : left;
height : 119px;
width : 120px;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 6px;
position : relative;
}
.text {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #647a8a;
padding : 0;
float : left;
height : 58px;
width : 120px;
position : relative;
margin-top : 16px;
margin-right : 0;
margin-bottom : 0;
margin-left : 18px;
font-weight : normal;
text-align : justify;
}
.more {
padding : 0;
float : right;
height : 8px;
width : 31px;
position : relative;
margin-top : 2px;
margin-right : 35px;
margin-bottom : 0;
margin-left : 0;
}