body {

font-family:helvetica, arial, geneva, sans-serif;
margin:0px;
padding: 5px;
background-color: #999;
}

img {border:none; padding: 5px;}
a {text-decoration:none; color: #ccc;}
#dressmakerimage {float:left;}

#page{
position:absolute;
padding:0px; margin:0px;
top:10px:
left:10px;
width:100%;
border: 1px solid #888888;
background-color: rgb(102,102,102); }

#byline{
color: rgb(0,0,0);
background-color: rgb(187,219,136);
font-size:small;
padding:5px;
text-align:center;}


#topNav {
border-bottom:1px solid #ccc;
padding:5px;
background-color: rgb(190,207,127);
text-align:center;}

#sideLeft{
float: left;
width: 150px;
height:450px;
border-right:1px solid #999;
background-color: rgb(233,224,170);
padding:10px 0px 10px 0px; }

#sideRight{
float: right;
width:165px;
height:450px;
border-left:1px solid #999;
background-color: rgb(233,224,170);
text-align:center;
padding:10px 0px 10px 0px; }

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

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

/* Center content */

.item{
margin:0px 15px 0px 15px;
padding:10px;
font-size:large;
color: rgb(0,0,0);
background-color: rgb(187,219,136);
border-left:1px solid #888888;
border-right:1px solid #888888;
border-top:1px solid #888888;
border-bottom:1px solid #888888;}

.item p:first-letter {font-size:xx-large; font-weight:bold;}
.item img {margin-top:10px;}

/* NAVIGATION */

#topNav a:visited{
padding:0px 5px 0px 5px;
font-size:small;
font-weight:bold;}

#topNav{
width:100%;
background-color: rgb(255,252,218);
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 #888888;
color:rgb (0,0,0);
font-size:small;}

a.topNavLink:hover{background-image:url("topNavRollover.gif");
color: rgb(187,219,136);}
a#lastItem {border-right:none;}


#sideLeft a:link, #sideLeft a:visited{
display:block;
color: rgb(0,0,0);
font-size:medium;
font-weight:bold;
padding:5px;
background-color:#ccc;}

/* The following rule prevents gaps appearing in between navigation items and divider images for 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;}
.stressbusters {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:120px;
padding:10px;
text-align:center;
font-size:medium;
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:x-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: rgb(245,211,0);
font-size:large;
font-weight:bold;}


h1 {
font-size:36pt;
font-family:sans-serif;
text-align:center;
font-weight:bold;
color: rgb(0,0,0);
line-height:20pt;
letter-spacing: .4em;
border-bottom: medium double #ffff66;
}



h2 {
font:18pt Prose Antique, serif;
font-weight:bold;
line-height:22pt;
}

a {
text-decoration:none;
}

a:link {
color: rgb(0,96,75);
}

a:visited {
color: rgb(44,180,49);
}