/* General formatting */

/** {
    padding: 0;
    margin: 0;
}*/

a
{
    text-decoration: none;
    color: #570455;
    font-weight: bold;
}

a:hover
{
    color: #c0acc7;
}

img
{
    border: 0px;
}

body
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    padding: 0px;
    margin: 0px;
}

.normal
{
    font-weight: normal;
}

.underline
{
    text-decoration: underline;
}

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}


.center_text
{
    text-align: center;
}

.right_text
{
    text-align: right;
}

.left_text
{
    text-align: left;
}

.middle_text
{
    vertical-align: middle;
}

.top_text
{
    vertical-align: top;
}

.left_margin_40px
{
    margin-left: 40px;
}

.page_header
{
    font: Century Gothic;
    font-size: 12pt;
    color: #5E5E60;
}

.remedylinktext
{
    font-size: 8pt;
}

.remedylinktext a
{
    font-weight: normal;
}


/* Start of Master page template formatting */

#webcontainer
{
    /*margin: 0 auto;*/
    width: 955px;
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
}

#masthead
{
    width: 955px;
    height: 120px;
    background-image: url('../images/webcontainer.gif');
    background-repeat: no-repeat;
}

#container
{
    width: 955px;
}

#menu
{
    float: left;
    width: 160px;
    min-height: 410px;
    text-align: center;
}

/* for Internet Explorer */
/*\*/
* html #menu
{
    height: 410px;
}
/**/

#page_content
{
    float: right;
    width: 755px;
    min-height: 410px;
    padding: 20px 20px 20px 20px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

/* for Internet Explorer */
/*\*/
* html #page_content
{
    height: 410px;
}
/**/

#footer
{
    clear: both;
    width: 955px;
    height: 1.5em;
}

#leftfooter
{
    width: 160px;
    float: left;
}

#rightfooter
{
    width: 755px;
    float: left;
}

#remedylink
{
    clear: both;
    width: 955px;
    height: 1.5em;
}

#leftremedylink
{
    width: 160px;
    float: left;
}

#rightremedylink
{
    width: 755px;
    float: left;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
    content: "."; /* the period is placed on the page as the last thing before the div closes */
    display: block; /* inline elements don't respond to the clear property */
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix
{
    display: inline-block;
}
/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* Start of jewelry TinySlideShow formatting */

#slideshow_jewelry
{
    list-style: none;
    color: #fff;
}

#slideshow_jewerly span
{
    display: none;
}

#wrapper_jewelry
{
    width: 451px;
    margin: 20px auto;
    display: none;
    background-color: #222;
}

#wrapper_jewelry *
{
    margin: 0;
    padding: 0;
}

#fullsize_jewelry
{
    position: relative;
    width: 445px;
    height: 550px;
    padding: 2px;
    border: 1px solid #ccc;
    background: #000;
}

#information_jewelry
{
    position: absolute;
    bottom: 0;
    width: 445px;
    height: 0;
    background: #000;
    color: #fff;
    overflow: hidden;
    z-index: 200;
    opacity: .7;
    filter: alpha(opacity=70);
}

#information_jewelry h3
{
    padding: 4px 8px 3px;
    font-size: 14px;
}

#information_jewelry p
{
    padding: 0 8px 8px;
}

#image_jewelry
{
    width: 445px;
}

#image_jewelry img
{
    position: absolute;
    z-index: 25;
    width: 445px;
    height: 550px;
}

.imgnav_jewelry
{
    position: absolute;
    width: 25%;
    height: 556px;
    cursor: pointer;
    z-index: 150;
}

#imglink_jewelry
{
    position: absolute;
    height: 556px;
    width: 100%;
    z-index: 100;
    opacity: .4;
    filter: alpha(opacity=40);
}

#slidearea_jewelry
{
    float: left;
    position: relative;
    width: 401px;
    margin-left: 5px;
    height: 81px;
    overflow: hidden;
}


/* Start of servingware TinySlideShow formatting */

#slideshow_servingware
{
    list-style: none;
    color: #fff;
}

#slideshow_servingware span
{
    display: none;
}

#wrapper_servingware
{
    width: 706px;
    margin: 20px auto;
    display: none;
    background-color: #222;
}

#wrapper_servingware *
{
    margin: 0;
    padding: 0;
}

#fullsize_servingware
{
    position: relative;
    width: 700px;
    height: 525px;
    padding: 2px;
    border: 1px solid #ccc;
    background: #000;
}

#information_servingware
{
    position: absolute;
    bottom: 0;
    width: 700px;
    height: 0;
    background: #000;
    color: #fff;
    overflow: hidden;
    z-index: 200;
    opacity: .7;
    filter: alpha(opacity=70);
}

#information_servingware h3
{
    padding: 4px 8px 3px;
    font-size: 14px;
}

#information_servingware p
{
    padding: 0 8px 8px;
}

#image_servingware
{
    width: 700px;
}

#image_servingware img
{
    position: absolute;
    z-index: 25;
    width: 700px;
    height: 525px;
}

.imgnav_servingware
{
    position: absolute;
    width: 25%;
    height: 531px;
    cursor: pointer;
    z-index: 150;
}

#imglink_servingware
{
    position: absolute;
    height: 531px;
    width: 100%;
    z-index: 100;
    opacity: .4;
    filter: alpha(opacity=40);
}

#slidearea_servingware
{
    float: left;
    position: relative;
    width: 656px;
    margin-left: 5px;
    height: 81px;
    overflow: hidden;
}



/* Start of general TinySlideShow formatting */

#imgprev
{
    left: 0;
    background: url(../images/left.gif) left center no-repeat;
}

#imgnext
{
    right: 0;
    background: url(../images/right.gif) right center no-repeat;
}

.linkhover
{
    background: url(../images/link.gif) center center no-repeat;
}

#thumbnails
{
    margin-top: 10px;
}

#slideleft
{
    float: left;
    width: 20px;
    height: 81px;
    background: url(../images/scroll-left.gif) center center no-repeat;
    background-color: #222;
}

#slideleft:hover
{
    background-color: #333;
}

#slideright
{
    float: right;
    width: 20px;
    height: 81px;
    background: #222 url(../images/scroll-right.gif) center center no-repeat;
}

#slideright:hover
{
    background-color: #333;
}

#slider
{
    position: absolute;
    left: 0;
    height: 81px;
}

#slider img
{
    cursor: pointer;
    border: 1px solid #666;
    padding: 2px;
}