body {
padding-right: 30px;
padding-left: 30px;
padding-top: 20px;
padding-bottom: 30px;
font-size: 80%;
background-position: left top;
background-color: #c28caa;
margin: 0px;
line-height: 1.7;
font-family: verdana,geneva,helvetica,arial,sans-serif;
font-size: 13px;
text-align: center;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head {
background: transparent url(graphics/RoundedShadowedSquare.gif) no-repeat bottom right; 
} 
.cssbox { 
/*width: 800px !important;	/* intended total box width - padding-right(next) */
width: 785px;				/* IE Win = width - padding */
padding-right: 15px;		/* the gap on the right edge of the image (not content padding) */
margin: 0px auto;			/* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
background-position: top right;
margin-right: -15px;		/* pull the right image over on top of border */
padding-right: 40px;		/* right-image-gap + right-inside padding */
} 

/* set the top-left image */     /* THIS CONTROLS THE CONTENT AREA */
.cssbox_head div { 
text-align: left;
background-position: top left; 
margin: 0;					/* reset main site styles*/ 
border: 0;					/* ditto */ 
padding: 55px 0px 0px 40px;	/* padding-left = image gap + interior padding ... no padding-right */ 
height: 380px;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; 
margin-right: 25px;			/* interior-padding right */ 
padding: 15px 0 15px 40px;	/* mirror .cssbox_head right/left */ 
text-align: left;
margin-left: 0px;
} 

#header {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 72px;
width: 800px;
}

#footer {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 10px;
margin-left: 72px;
background: #c28caa top;
overflow: hidden;
width: 800px;
color: #b86292;
}

a.footer {
color: #b86292;
text-decoration: underline;
}
a.footer:hover {
color: #fff;
text-decoration: underline;
}

#signature {
font-family: "Brush Script", "Lucida Handwriting", script;
}

/* NAVIGATION - UPPER MENU TABS */
#navigationContainerTop {
padding: 0px;
margin-top: -8px;
margin-left: 82px;		/* prevent menu from shifting left past rounded corner of main area */
margin-right: 7px;		/* helps push it to the right */
margin-bottom: 0px;
width: 720px;
height: 40px;
position: absolute;	    /* needed for z-index */
z-index:1;				/* bring to top */
}

/* NAVIGATION - INACTIVE UPPER MENU TABS */
#navigationTop a {
color: #fff;
background: #b86292 url(graphics/menu_top_lft_normal_tab.gif) left top no-repeat;
text-decoration: none;
padding-left: 8px;
white-space: nowrap;
}
#navigationTop a span {
background: url(graphics/menu_top_rht_normal_tab.gif) right top no-repeat;
padding-right: 10px;
padding-bottom: 2px;
}
#navigationTop a, #navigationTop a span {
display: block;
float: left;
}
/* hide from ie5-mac \*/
#navigation a, #navigationTop a span {
float: none;
}
/* end hide */
#navigationTop a:hover {
color: #000;
background: #c28caa url(graphics/menu_top_lft_hover_tab.gif) left top no-repeat;
padding-left: 8px;
}
#navigationTop a:hover span {
background: url(graphics/menu_top_rht_hover_tab.gif) right top no-repeat;
padding-right: 10px;
}
#navigationTop ul {
padding: 0;
margin: 0;
}
#navigationTop li {
float: left;
margin: 0;
list-style-type:none
} 


/* NAVIGATION - ACTIVE UPPER MENU TABS */
#necklaces #navNecklaces a,
#bracelets #navBracelets a,
#earrings #navEarrings a,
#specialty #navSpecialty a {
padding: 0px;
padding-left: 8px;
margin: 0px;
color: #000;	
background: #fff url(graphics/menu_top_lft_active_tab.gif) left top no-repeat;
text-decoration: none;
white-space:nowrap;
width: auto;
}
#necklaces #navNecklaces a span,
#bracelets #navBracelets a span,
#earrings #navEarrings a span,
#specialty #navSpecialty a span {
background: url(graphics/menu_top_rht_active_tab.gif) right top no-repeat;
padding-right: 10px;
}
#necklaces #navNecklaces a, #navigationTop a span,
#bracelets #navBracelets a, #navigationTop a span,
#earrings #navEarrings a, #navigationTop a span,
#specialty #navSpecialty a, #navigationTop a span {
display: block;
float: left;
}
/* hide from ie5-mac \*/
#necklaces #navNecklaces a, #navigationTop a span,
#bracelets #navBracelets a, #navigationTop a span,
#earrings #navEarrings a, #navigationTop a span,
#specialty #navSpecialty a, #navigationTop a span {
float: none;
}
/* end hide */
#necklaces #navNecklaces a:hover,
#bracelets #navBracelets a:hover,
#earrings #navEarrings a:hover,
#specialty #navSpecialty a:hover {
color: #555;
background: #fff url(graphics/menu_top_lft_active_tab.gif) left top no-repeat;
padding-left: 8px;
}
#necklaces #navNecklaces a:hover span,
#bracelets #navBracelets a:hover span,
#earrings #navEarrings a:hover span,
#specialty #navSpecialty a:hover span{
background: url(graphics/menu_top_rht_active_tab.gif) right top no-repeat;
}
#necklaces #navNecklaces ul,
#bracelets #navBracelets ul,
#earrings #navEarrings ul,
#specialty #navSpecialty ul {
padding: 0;
margin: 0;
}
#header > ul a {	/*reverses the width:.1em; in the anchor for non IE/Win browsers*/
width:auto;
}
#necklaces #navNecklaces li,
#bracelets #navBracelets li,
#earrings #navEarrings li,
#specialty #navSpecialty li {
float: left;
margin: 0;
}


/* NAVIGATION - LOWER MENU TABS */
#navigationContainerBot {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: -42px;     /* bring it up closer to the bottom of the main area */
margin-left: 82px;     /* prevent menu from shifting left past rounded corner of main area */
margin-right: 70px;	   /* in combination with margin-left, moves menu to the left */
margin-bottom: -10px;  /* show entire height and move footer lower */
height: 40px;
width: 720px;
}


/* NAVIGATION - INACTIVE LOWER MENU TABS */
#navigationBot a {
color: #fff;
background: #b86292 url(graphics/menu_bot_lft_normal_tab.gif) left bottom no-repeat;
text-decoration: none;
padding-left: 8px;
white-space:nowrap;
}
#navigationBot a span {
background: url(graphics/menu_bot_rht_normal_tab.gif) right bottom no-repeat;
padding-right: 10px;
}
#navigationBot a, #navigationBot a span {
display: block;
float: left;
}
/* hide from ie5-mac \*/
#navigation a, #navigationBot a span {
float: none;
}
/* end hide */
#navigationBot a:hover {
color: #000;
background: #c28caa url(graphics/menu_bot_lft_hover_tab.gif) left bottom no-repeat;
}
#navigationBot a:hover span {
background: url(graphics/menu_bot_rht_hover_tab.gif) right bottom no-repeat;
padding-right: 10px;
}
#navigationBot ul {
padding: 0;
margin: 0;
}
#navigationBot li {
float: left;
margin: 0;
list-style-type:none
} 


/* NAVIGATION - ACTIVE LOWER MENU TABS */
#index #navHome a,
#about #navAbout a,
#contact #navContact a,
#order #navOrder a,
#payment #navPayment a,
#shipping #navShipping a,
#returns #navReturns a {
padding: 0px;
padding-left: 8px;
margin: 0px;
color: #000;
background: #fff url(graphics/menu_bot_lft_active_tab.gif) left bottom no-repeat;
text-decoration: none;
white-space:nowrap;
width: auto;
}
#index #navHome a span,
#about #navAbout a span,
#contact #navContact a span,
#order #navOrder a span,
#payment #navPayment a span,
#shipping #navShipping a span,
#returns #navReturns a span {
background: url(graphics/menu_bot_rht_active_tab.gif) right bottom no-repeat;
padding-right: 10px;
}
#index #navHome a, #navigationBot a span,
#about #navAbout a, #navigationBot a span,
#contact #navContact a, #navigationBot a span,
#order #navOrder a, #navigationBot a span,
#payment #navPayment a, #navigationBot a span,
#shipping #navShipping a, #navigationBot a span,
#returns #navReturns a, #navigationBot a span {
display: block;
float: left;
}
/* hide from ie5-mac \*/
#index #navHome a, #navigationBot a span,
#about #navAbout a, #navigationBot a span,
#contact #navContact a, #navigationBot a span,
#order #navOrder a, #navigationBot a span,
#payment #navPayment a, #navigationBot a span,
#shipping #navShipping a, #navigationBot a span,
#returns #navReturns a, #navigationBot a span {
float: none;
}
/* end hide */
#index #navHome a:hover,
#about #navAbout a:hover,
#contact #navContact a:hover,
#order #navOrder a:hover,
#payment #navPayment a:hover,
#shipping #navShipping a:hover,
#returns #navReturns a:hover {
color: #555;
background: #fff url(graphics/menu_bot_lft_active_tab.gif) left bottom no-repeat;

}
#index #navHome a:hover span,
#about #navAbout a:hover span,
#contact #navContact a:hover span,
#order #navOrder a:hover span,
#payment #navPayment a:hover span,
#shipping #navShipping a:hover span,
#returns #navReturns a:hover span {
background: url(graphics/menu_bot_rht_active_tab.gif) right bottom no-repeat;
}
#index #navHome ul,
#about #navAbout ul,
#contact #navContact ul,
#order #navOrder ul,
#payment #navPayment ul,
#shipping #navShipping ul,
#returns #navReturns ul {
padding: 0;
margin: 0;
}
#header > ul a {	/*reverses the width:.1em; in the anchor for non IE/Win browsers*/
width:auto;
}
#index #navHome li,
#about #navAbout li,
#contact #navContact li,
#order #navOrder li,
#payment #navPayment li,
#shipping #navShipping li,
#returns #navReturns li {
float: left;
margin: 0;
}

/*
darker raspberry = a25681
raspberry = b86292
light raspberry = c28caa
*/