/* GLOBAL */

* { /* Remove all padding and margins to sort out browser differences: */
        padding:0;
        margin:0;
}

/* HTML */

/* Body styles: */

body {
        background:#000;
        text-align:center;
        font-family:arial,helvetica,sans-serif;
        font-size:x-small; /* IE5 Win */
          voice-family: "\"}\"";
          voice-family:inherit;
          font-size:small;
}
html>body { /* be nice to Opera */
        font-size:small;
}


/* Link styles: */

a:link, a:visited {
        color:#f55;
        font-weight:normal;
        text-decoration:none;
}
a:hover {
        text-decoration:underline;
}

a img {
        border-style:none;
}


/* Text elements */

p {
        line-height:1.75em;
        padding:0;
        margin-bottom:1em;
}

h1 {
        font-size:170%;
        font-weight:normal;
        line-height:105%;
        color: #000;
        margin-top:0;
        margin-bottom:1em;
}
h2, h3, h4, h5 {
        padding:0;
        margin:1em 0 0;
}
h2 {
        font-size:140%;
        color:#b33;
        font-weight: normal;
        font-family: Georgia, Times, Times New Roman, serif;
}
h3 {
        font-size:125%;
        color:#f55;
}
h4 {
        font-size:115%;
        color:#000;
}
h5 {
        font-size:100%;
        color:#000;
}

blockquote {
        padding-left: 2em;
}

abbr, acronym, .popup {
        font-style: normal;
        border-bottom: 1px dotted;
}

em {
        font-style: italic;
}

strong {
        font-weight: bold;
}

strike {
        text-decoration: line-through;
}


/* List styles: */

ul {
        list-style-type:disc;
        margin:1em 0;
        padding-left: 24px;
}

li {
        padding: 0 0 4px 0;
        line-height: 1.3em;
}

/* form elements */

form {
        margin: 0;
        padding: 0;
}

select, input {
        font-size: 90%;
        font-family:arial,helvetica,sans-serif;
        margin-top: .3em;
}


/* tables */

table, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: top;
        text-align: center;
}
body#viewCart td,
body#checkout td {
        text-align: left;
}
table { margin: 1em 0; }
th, td { padding: 3px; }


/* STRUCTURAL */ /* Note: this layout based on (but not identical to) the markup and styles shown in the alistapart.com article here: http://www.alistapart.com/articles/negativemargins/ */

#wrapper {
        background:#fff;
        width:740px;
        text-align:left;
        margin:0 auto;
        padding-top:0; /* For IE 5.01 Win only... */
        width:740px;
        voice-family: "\"}\"";
          voice-family: inherit;
          padding-top:36px;
}
html>body #wrapper {
          padding-top:36px;
}

#container {
        width: 100%;
        float:right;
        margin-left:-240px;
}
body#viewCart #container,
body#checkout #container {
        float: none;
        margin: 0 3em;
        width: auto;
}

#content {
        padding:10px 35px 0 25px !important;
        margin-left:240px;
}

#sidebar {
        background:transparent url(../images/background_navigationTop.gif) no-repeat top right;
        padding-top:30px;
        width:240px;
        float:left;
}

.clearing {
        clear:both;
}

.last { /* Not used this layout */
        margin-bottom: 0;
}

#footer {
        background:#fbb url(../images/background_footer.gif) no-repeat 0 0;
        text-align:left;
        font-size:80%;
        padding:40px 35px 1em 35px;
        margin:35px auto 0 auto;
        width:740px;
        voice-family: "\"}\"";
          voice-family: inherit;
          width:670px;
}
html>body #footer {
          width:670px;
}

#footer .info {
        font-size:125%;
        margin-bottom:.5em;
}

#footer .info span {
        font-family:georgia,palatino,"times new roman",sans-serif;
        font-style:italic;
        padding-left:16px;
        background:transparent; /* For IE 5 which can't handle padding on inline elements. *sigh* */
        voice-family: "\"}\"";
          voice-family: inherit;
          background:transparent url(../images/ornament_fleurot.gif) no-repeat 0 3px;
}
html>body #footer .info span {
          background:transparent url(../images/ornament_fleurot.gif) no-repeat 0 3px;
}

#footer a {
        color:#b33;
        text-decoration:none;
}

#footer a:hover {
        text-decoration:underline;
}

/* Header styles: */

#header {
        background:#fff;
        width:740px;
        height:105px;
        text-align:left;
        margin:0 auto;
}

#header h1 {
        position:relative;
        overflow:hidden;
        font-size:90%;
        margin-bottom:0;
}

#header h1 em {
        background:url(../images/logo_tresFemme.jpg);
        display:block;
        position:absolute;
        top:0;
        left:0;
        z-index:10;
}

* html>body #header h1 {
        position:static;
        overflow:visible;
        font-size:10px;
}
* html>body #header h1 em {
        position:static;
}

#header h1,
#header h1 em {
        width:740px;
        height:105px;
}
* html>body header h1 em {
        margin-bottom:-105px;
}

* html>body #header h1 em { /* For ie5.x Mac only */
        margin-bottom:-105px;
}

/* Navigation styles: */

#cartMenu {
        padding:0;
        margin:0;
}

#cartMenu ul {
        height:36px;
        background:#fee;
        position:absolute;
        top:0;
        left:50%;
        z-index:1000;
        padding:0 4px 0 420px;
        margin:0 0 0 -370px;
        width:740px;
        voice-family: "\"}\"";
          voice-family: inherit;
          width:316px;
}
html>body #cartMenu ul {
          width:316px;
}

#cartMenu li {
        display:inline;
}

#cartMenu li a {
        display:block;
        float:left;
        height:36px;
        background-position:0 0;
        background-repeat:no-repeat;
        text-indent:-9000em;
        text-decoration:none;
}

#viewCartLink a {
        width:106px;
        background-image:url(../images/button_viewCart.gif);
}

#viewCart #viewCartLink a,
#viewCartLink a:hover {
        background-image:url(../images/button_viewCartOver.gif);
}

#checkoutLink a {
        width:91px;
        background-image:url(../images/button_checkout.gif);
}

#checkout #checkoutLink a,
#checkoutLink a:hover {
        background-image:url(../images/button_checkoutOver.gif);
}

#orderingInfoLink a {
        width:119px;
        background-image:url(../images/button_orderingInfo.gif);
}

#orderingInfo #orderingInfoLink a,
#orderingInfoLink a:hover {
        background-image:url(../images/button_orderingInfoOver.gif);
}

#navigation {
        background:transparent url(../images/background_navigationBottom.gif) no-repeat bottom right;
        margin:0 0 0 25px !important;
        padding:0 0 15px 0;
        width:215px !important;
}

#navigation ul {
        background:#fee;
        list-style-type:none;
        text-align:center;
        padding:0;
        margin:0 13px 0 12px;
}

#navigation #homeLink {
}

#navigation ul li {
        list-style-type:none;
        width:190px;
        padding:.25em 0;
}

#navigation ul li a {
        display:block;
        font-family:georgia,palatino,"times new roman",sans-serif;
        font-style:italic;
        color:#000;
        font-weight:none;
        text-decoration:none;
        text-align:left !important;
        line-height:120%;
        margin-right:10px;
        margin-left:10px;
}

.partition a {
        border-bottom:1px solid #bbb;
        padding-bottom:9px !important;
        margin-bottom:3px !important;
}

.hide {display:none;}

/* Each product page tagged with a unique id; future-proofing in case there's some need to use it later. They are grouped below for their effects in the main nav */

#navigation a:hover,
#home #homeLink a,

/* Accessories */
#accessories #accessoriesLink a,
#boudoirBag #accessoriesLink a,
#chandelierKeyring #accessoriesLink a,
#girlyTube #accessoriesLink a,
#monacoBag #accessoriesLink a,
#cosmeticBag #accessoriesLink a,

/* Jewelry */
#jewelry #jewelryLink a,
#linkBracelet #jewelryLink a,
#chandelierBracelet #jewelryLink a,
#tiffanyBracelet #jewelryLink a,
#tennisBracelet #jewelryLink a,
#princessNecklace #jewelryLink a,
#swarovskiNecklace #jewelryLink a,
#princessPin #jewelryLink a,
#tiaraNecklace #jewelryLink a,
#fleurdelisPin #jewelryLink a,

/* Home decor */
#homeDecor #homeDecorLink a,
#featherWreaths #homeDecorLink a,
#fridgeJewels #homeDecorLink a,
#pictureHolder #homeDecorLink a,

/* Lip Balm */
#lipBalm #lipBalmLink a,
#jeweledLipBalm #lipBalmLink a,
#lingerieLipBalm #lipBalmLink a,

/* Couture Tees */
#tees #teesLink a,
#crestTee #teesLink a,
#ritzTee #teesLink a,
#coutureTank #teesLink a,
#coutureTee #teesLink a,

/* Gift Boxes */
#boxes #boxesLink a,
#giftBox #boxesLink a,
#hatboxPetite #boxesLink a,
#hatboxGrande #boxesLink a,

/* Gift Ideas */
#giftideas #giftideasLink a,

/* Sale Items */
#saleItems #saleItemsLink a,

#meetSue #meetSueLink a,
#press #pressLink a,
#contact #contactLink a {
        color:#f55 !important;
}

#navigation a:hover {
        text-decoration:underline;
}

#productContainer {
        list-style-type:none;
        padding:0;
        margin:0;
}

#productContainer li.product {
        clear:both;
        padding:0 0 2em 0;
        margin:0;
}

#productContainer li.product p {
        font-size:90%;
}

#productContainer .formElements {
        float:left;
        width:158px;
        text-align:center;
        padding-bottom:3em;
}

#productContainer .formElements p {
        color:#f55;
        font-weight:bold;
        margin-bottom:.25em;
}

#productContainer .addButton {
        width:158px;
        height:30px;
        background-image:url(../images/button_addToCart.gif);
        background-position:0 50%;
        background-repeat:no-repeat;
        background-color:transparent;
        text-indent:-9000em;
        border-style:none;
        cursor:pointer;
}

#productContainer label,
#productContainer input,
#productContainer label {
        color:#000;
        font-weight:normal;
}
#productContainer strong,
#productContainer b {
        color:#000;
}
#productContainer .productDetails {
        width:215px;
		position:relative;
        padding:0;
        margin:0 0 0 178px;
}
* html #productContainer .productDetails {
        position:relative;
        top:-23px;
        left: -10px;
}

#productContainer h1, #container h1 {
        background:url(../images/ornament_bigFleurot.gif) no-repeat 0 2px;
        font-family:georgia,palatino,"times new roman",sans-serif;
        font-style:italic;
        padding:5px 0 8px 25px;
        margin:0;
}

* html #productContainer h1 {
        background:url(../images/ornament_bigFleurot.gif) no-repeat 0 5px;
        padding:3px 0 8px 25px;
}

#productContainer blockquote {
        background-color:#fee;
        padding:0 15px 15px 15px;
        margin:0 26px 0 20px;
        width:195px; /* For IE5 Win */
        voice-family: "\"}\"";
          voice-family: inherit;
          width:165px;
}
html>body #productContainer blockquote {
          width:165px;
}

#bestsellerList h2,
#productContainer h2 {
        position:relative;
        overflow:hidden;
        font-size:90%;
        margin-bottom:0;
}

#bestsellerList h2 em {background:#fff url(../images/headline_bestsellers.gif) no-repeat 50% 0;}
#productContainer h2 em {background:#fff url(../images/headline_sueSays.gif) no-repeat 0 0}

#bestsellerList h2 em,
#productContainer h2 em {
        display:block;
        position:absolute;
        top:0;
        left:0;
        z-index:10;
}

* html>body #bestsellerList h2,
* html>body #productContainer h2 {
        position:static;
        overflow:visible;
        font-size:10px;
}
* html>body #bestsellerList h2 em,
* html>body #productContainer h2 em {
        position:static;
}

#bestsellerList h2,
#bestsellerList h2 em,
#productContainer h2,
#productContainer h2 em {
        width:100%;
        height:40px;
}
* html>body bestsellerList h2 em,
* html>body productContainer h2 em {
        margin-bottom:-40px;
}

* html>body #bestsellerList h2 em,
* html>body #productContainer h2 em { /* For ie5.x Mac only */
        margin-bottom:-40px;
}

#bestsellerList ul {
        height:100px;
        list-style-type:none;
        padding:0;
}

#bestsellerList ul li {
        width:50%;
        float:left;
        font-weight:bold;
        text-align:center;
        padding-bottom:2em;
}

#bestsellerList li img,
#productContainer img {
        display:block;
        background:#fee;
        border:1px solid #fbb;
        padding:3px;
        margin:0 auto .5em auto;
        width:150px; /* For IE 5 Win and other browsers; Not worth placing image in another container */
}

#bestsellerList li a {
        font-weight:bold;
        color:#000;
}

#bestsellerList li a:hover {
        color:#f55;
}

.skipLink, /* Check to see that this causes no problems on IE 5 Mac. */
#navigation h2,
#cartMenu h2 {
        position:absolute;
        z-index:-1000;
        top:0 !important;
        left:0 !important;
        text-indent:-9000em;
        height:0 !important;
        width:0 !important;
        line-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        display:none; /* For IE5 Win */
        voice-family: "\"}\"";
          voice-family: inherit;
          display:inline-block;
}
html>body #productContainer blockquote {
          width:165px;
}

.productPhoto {
        width:100%;
        background:#fff;
        margin:0 auto;
}
.newsStory {
        background:#fff;
        text-align: left;
        padding: 1em;
}
.productPhoto h1, .newsStory h1 {
        position:absolute;
        top:-9000em;
}
.productPhoto p, .newsStory p {
        margin-top:1em;
}


#whiteFeatherWreathDetails,
#girlyTubeDetails {

}

#detailImageContainer {
        margin:1em auto;
}

#detailImageContainer br {
        display:none;
}

#detailImageContainer img {
        display:inline;
}

#thumbnailImage {
        text-align:center !important;
        padding:0;
        margin:0;
}

#thumbnailImage li {
        display:inline;
        padding:0;
        margin:0;
}

#thumbnailImage a {
}

#detailImage img,
#detailImageContainer img,
.floatright img,
.floatleft img {
        background:#fee;
        border:1px solid #fcbaba;
        padding:3px;
        margin:0 10px;
}
.floatleft img {
	margin-left: 0;
}

#thumbnailImage img {
        width:100px;
        height:160px;
        background:#fee;
        border:1px solid #fcbaba;
        padding:3px;
        margin:0 10px;
}

noscript p {
        background:#fee;
        font-size:80%;
        border:1px solid #fcbaba;
        padding:15px;
        margin:0 auto 3em auto;
        width:430px; /* For IE 5 Win */
        voice-family: "\"}\"";
          voice-family: inherit;
          width:400px;
}
html>body noscript p {
          width:400px;
        clear:both;
        text-align:center;
}

noscript p strong {
        font-size:125%;

        display:block;
        color:#f55;
}


#representativeList,
#representativeList ul {
        list-style-type:none;

        padding:0;
        margin:0;
}

#representativeList li {
        padding:0;
}

#representativeList li li {
        padding-left:1em;
}

#representativeList li li li {
        padding-left:0;
}

#representativeList li li address,
#representativeList li li h5,
#representativeList li li p {
        padding-left:1em;
}

#representativeList address {
        margin-top:.6em;
}
address {
        font-style: normal;
}

.floatright {
        float:right;
        width: 210px;
        text-align: center;
}
.floatleft {
	float:left;
	width:270px;
	text-align:center;
}
.floatleft p {
	margin-bottom: 0;
}
.caption {
        color: #999;
        font-size: 90%;
        font-style: italic;
}


.markDown span {
        color:#b33;
        text-decoration:line-through;
}

.markDown b,
.markDown strong {
        text-decoration:none !important;
}

/*
<span style=""><a style="">Sign up</a> to receive email updates on new products and specials!</span>
*/

.signUp {
        margin: 2.5em 0 0 37px;
        background:#fee;
        clear:left;
        text-align:center;
        font-weight:normal;
        border:1px solid #fcbaba;
        padding:8px;
        width:190px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:172px;
}
html>body .signUp {
  width:172px;
}
.signUp span {
        display:block;
        font-weight:bold;
        font-family:georgia;
        font-style:italic;
        font-size:120%;
        color:#f55;
}

.notices {
        margin: 0 0 0 0;
        background:#fee;
        clear:left;
        text-align:center;
        font-weight:normal;
        border:1px solid #fcbaba;
        padding:8px;
}

.notices p {
		margin-bottom: 0;
}

#emailAFriend {
  position:absolute;
  top:-2em;
  right:0;
  z-index:10000;
  padding-left:18px;
  background:transparent url(/images/icon_envelope.gif) no-repeat 0 50%;
}