/* MyDesignerLife Stylesheet */

body { top: 0; left: 0; margin: 0; text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        background: url(/schema/gifs/bodybg.gif) top left repeat-x white;
        text-align: center;
     }

body.popup { padding: 0 20px 0 20px; }

body.ecom { font-size: 0.8em;}

/* blocks */

#header            { position: absolute; top: 0; left: 0; width: 100%;  /*min-width: 760px;*/ z-index: 1; }
#search            { position: absolute; right: 0; top: 55px; width: 496px; height: 47px;
                     background: url(/schema/gifs/searchbg.gif) bottom right no-repeat; }
#logo              { position: absolute; left: 0; top: 0; width: 305px; height: 102px; line-height: 102px; z-index: 2;
                     background: url(/schema/gifs/logobg.gif) bottom left no-repeat; }
#topnav            { margin: 23px 5px 0 51px; padding-top: 2px; height: 77px !important; height: 79px; z-index: 2; font-size: 70%;  text-align: right;
                      background: url(/schema/gifs/headerbg.gif) bottom left repeat-x;}
#sitesearch        { float: right; width: 280px; height: 33px;  line-height: 33px; text-align: right;
                     background: url(/schema/gifs/sitesearchbg.gif) right center repeat-x; }
#quicklinks        { position: absolute; left: 0; top: 100px; height: 24px;  width: 100%;
                     background: url(/schema/gifs/quicklinksbg.gif) center left repeat-x;
                     z-index: 3; font-size: 90%; text-align: center; }
#wrapper           { position: absolute; width: 100%; top: 127px; margin: 0 0; left: 0; background: url(/schema/gifs/contentbg.gif) top left repeat-x; }
body.home #wrapper { width: 100%; }
#slide1            { margin: 0 15px 0 165px; min-width: 580px; background: url(/schema/gifs/paneltl.gif) top left no-repeat; border-bottom: 1px solid white; /*border: 1px solid red;*/ }
#slide2            { margin: 0; padding: 40px 0 0 0; background: url(/schema/gifs/paneltr.gif) top right no-repeat; /*border: 1px solid blue;*/}
#slide3            { margin: 0; padding: 0; background: url(/schema/gifs/panelbl.gif) bottom left no-repeat; }
#slide4            { margin: 0 0 0 15px; padding: 0 0 0 0; background: url(/schema/gifs/panelbr.gif) bottom right no-repeat; }
#content           { margin: 0; padding: 0 15px 15px 0; text-align: left; font-size: 80%; color: #6e3e57; }
body.home #content { margin: 2px auto 0 auto; width: 760px; padding: 0 0 0 0; }
body.popup #content { text-align: center; margin: 30px auto 20px auto; }

#prodleft          { width: 48%; width: expression(((document.body.clientWidth) - 200)*0.48 + "px");  float: left; }
#prodright         { width: 48%; width: expression(((document.body.clientWidth) - 200)*0.48 + "px"); float: right; }
#footer            { clear: both; display: block; width: 100%; height: 77px; margin: 0; padding: 0; font-size: 80%;
                     background: url(/schema/gifs/footerbg.gif) top left repeat-x; }
#leftnav           { float: left; margin: 30px 0 0 10px; width: 155px; margin-bottom: 34px; font-size: 70%;
                     display: inline; /* background: url(/schema/gifs/leftnavbg.gif) top center no-repeat;*/ text-align: left;}
#clear             { clear: both !important; clear: none; float: none !important; float: left; width: 70%;}

/* topnav */
#topnav ul.topmenu            { float: right; list-style-type: none; margin: 0; padding: 0; line-height: 25px;}
#topnav ul.topmenu li         { display: inline; float: left; background: url(/schema/gifs/topnavbg.gif) top left no-repeat;}
#topnav ul.topmenu li a       { color: #808080;  text-decoration: none; padding: 0 5px 0 8px; display: block;}
#topnav ul.topmenu li a:hover { text-decoration: underline; }

/* quick links */
#quicklinks ul.topmenu            { list-style-type: none; height: 24px; padding: 0; margin: 0 auto 0 auto;
                                    width: 760px; line-height: 24px;}
#quicklinks ul.topmenu li         { display: inline; list-style-type: none; margin-top: 1px; padding: 3px 0 3px 0; text-align: center;
                                     border-left: 1px solid #e0b2ca;}
#quicklinks ul.topmenu li.last    { color: white;}
#quicklinks ul.topmenu li a       { padding: 3px 4px 3px 4px; margin: 1px 1px 1px 1px; color: #990050; font-weight: bold;
                                    text-decoration: none; text-align: center; }
#quicklinks ul.topmenu li a:hover { color: white; background: url(/schema/gifs/quicklinksahbg.gif) center left repeat-x; }

/* leftnav */
#leftnav ul.topmenu         { list-style-type: none; margin: 0; padding: 0 0 40px 0; background: url(/schema/gifs/leftnavulbg.gif) center bottom no-repeat; }
#leftnav ul.topmenu li      { margin: 0 6px 0 4px; padding: 5px 5px 5px 17px; color: black; background: url(/schema/gifs/leftnavlibg.gif) bottom left repeat-x; }
#leftnav ul.topmenu a       { color: black; text-decoration: none; }
#leftnav ul.topmenu a:hover { text-decoration: underline; }
#leftnav p.header           { padding-top: 7px; padding-bottom: 5px; margin: 0; background: url(/schema/gifs/leftnavheaderbg.gif) top center no-repeat; }

/* footer nav */
#footer ul.topmenu            { list-style-type: none; margin: 42px auto 0 auto; padding: 42px 0 0 0 !important; padding: 0; width: 760px;}
#footer ul.topmenu li         { display: inline; padding: 0 5px 0 5px; margin: 0; }
#footer ul.topmenu li a       { color: white; font-weight: bold; text-decoration: none;}
#footer ul.topmenu li a:hover { color: #990050; text-decoration: none; }

/* logo */
#logo img { margin-right: 27px; margin-top: 46px;}

#prodleft img { width: 75%; }

#sitesearch table { margin-top: 5px; }

/* content */
H1,P.header1 {
  font-size: 150%;
  font-weight: bold;
  color: #8c0048;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 5px;
}


H2,P.header2 {
  font-size: 120%;
  font-weight: bold;
  color: #8c0048;

}

H3,P.header3 {
  font-size: 100%;
  font-weight: bold;
  color: #8c0048;
}

span.header3_488 {
  font-size: 100%;
  font-weight: bold;
  color: #8c0048;
  width: 488px;
  display: block;
}

P,TD,UL,OL,TH {
  line-height: 1.3em;
}

p.crumbs {
  position: absolute;
  left: 10px;
  top: 2px;
  margin-top: 1px;
  padding-top: 6px;
  padding-bottom: 10px;
  margin-bottom: 4px;
  /* Crumb Trail */
}

body.home p.crumbs {
  position: relative;
  left: 0;
  top: -40px;
  margin-bottom: 4px;
  padding-bottom: 0px;
}

p.clear { clear: both; }
p.imagepopup { text-align: center; }

td { font-size: 80%; }
td p, td ul.round, td ol { margin-left: 0; padding-left: 0;}



P.indent1 { margin-left: 1em; }
P.indent2 { margin-left: 2em; }
P.indent3 { margin-left: 3em; }
P.indent4 { margin-left: 4em; }

TD.alignright { text-align: right; }
TD.aligncenter { text-align: center; }
TD.aligntop { vertical-align: top; }
TD.alignbottom { vertical-align: bottom; }
TD.aligntopright {
  vertical-align: top;
  text-align: right;
}
TD.aligntopcenter {
  vertical-align: top;
  text-align: center;
}
TD.alignbottomright {
  vertical-align: bottom;
  text-align: right;
}
TD.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
}

SPAN.sup {
  font-size: 7px;
  vertical-align: super;
}

SPAN.sub {
  font-size: 7px;
  vertical-align: sub;
}

span.price {
  font-size: 130%;
  font-weight: bold;
  color: #8c0048;
}

/* lists */

UL.round { /* Round */ }

ul.linedlist    { color: #825174; list-style-type: none; margin: 0 0 10px 11px; padding: 0; }
ul.linedlist li { background: url(/schema/gifs/linedlistbg.gif) left center no-repeat; padding: 4px 0 4px 12px;
                  border-bottom: 1px solid #D3B1B1; }
ul.linedlist li.last { border: none; }
ul.linedlist a  { color: #825174; text-decoration: none; font-weight: bold;}
ul.linedlist a:hover { text-decoration: underline; }

OL {margin-left: 30px; padding-left: 25px;}

/* Images */

IMG { border: 0px; margin: 0; padding: 0; }
IMG.floatright { float: right; margin-right: 20px; }
IMG.floatleft  { float: left; }
IMG.floatrightwithmargin {
  float: right;
  margin: 3px 0px 10px 16px;
}
IMG.floatleftwithmargin {
  float: left;
  margin: 3px 16px 10px 0px;
}

img.wideborder  { border: 6px solid #8C0048; /* Wide Border */ }

/* spans */
span.black { color: black; /* Black Text */ }
span.pink  { color: #c32166; /* Pink Text */ }
span.grey  { color: #6c6c6c; /* Grey Text */ }

/* links */
a { color: #C200C9; text-decoration: underline; }
a.pink { color: #c32166; text-decoration: none; }
a.pink:hover { text-decoration: underline; }

/* tables */
table.homepage           { /*width: 754px;*/ }
table.homepage td.header { width: 238px; height: 31px; background: url(/schema/gifs/homepagetablethbg.gif) center center no-repeat;
                           color: white; font-size: 120%; text-align: center;}
table.homepage td.header a { color: white; text-decoration: none;}
table.homepage td.header a:hover { color: white; text-decoration: none;}

table.homepage td.spacer { width: 20px; height: 10px; }
table.homepage td.left   { width: 113px; }
table.homepage td.right  { width: 125px; background: url(/schema/gifs/homepagetablerightbg.gif) top center repeat-y;
                           vertical-align: bottom; font-size: 70%;}

table.panel { /*width: 496px; */}
table.panel td.header   { width: 238px; height: 31px; background: url(/schema/gifs/homepagetablethbg.gif) center center no-repeat;
                           color: white; font-size: 120%; text-align: center;}
table.panel td.header a { color: white; text-decoration: none;}
table.panel td.header a:hover { color: white; text-decoration: none;}
table.panel td.headerblank { width: 238px; height: 31px; background: none; }

table.panel td.spacer   { width: 12px; height: 10px;}
table.panel td.left     { width: 113px; }
table.panel td.leftblank { width: 113px; }
table.panel td.right    { width: 125px; background: url(/schema/gifs/homepagetablerightbg.gif) top left repeat-y;
                           vertical-align: middle; font-size: 70%;}
table.panel td.rightblank { width: 125px; background: none; }

/* ecom tables */
table.productlist       { border-top: 1px solid #CDAFD4; border-left: 1px solid #CDAFD4; width: 75%;}
table.productlist th    { background-color: #F1EEF2; font-size: 70%; color: #D25797; padding: 8px 10px;
                          border-bottom: 1px solid #CDAFD4; border-right: 1px solid #CDAFD4; }
table.productlist td    { background-color: white; font-size: 70%; color: #6E3E57; padding: 8px 10px;
                          border-bottom: 1px solid #CDAFD4; border-right: 1px solid #CDAFD4; }

table.deptlist            { width: 100% !important; width: 79%; }
table.deptlist td.image   { padding-right: 3px; width: 170px; }
table.deptlist td.details { font-size: 70%;  color: black; }
table.deptlist td.tl      { width: 15px; height: 15px; background: url(/schema/gifs/listtl.gif) top left no-repeat; }
table.deptlist td.tr      { width: 15px; height: 15px; background: url(/schema/gifs/listtr.gif) top right no-repeat; }
table.deptlist td.br      { width: 15px; height: 15px; background: url(/schema/gifs/listbr.gif) bottom right no-repeat; }
table.deptlist td.bl      { width: 15px; height: 15px; background: url(/schema/gifs/listbl.gif) bottom left no-repeat; }
table.deptlist td.top     { height: 15px; background: url(/schema/gifs/listtop.gif) top center repeat-x; }
table.deptlist td.btm     { height: 15px; background: url(/schema/gifs/listbtm.gif) bottom center repeat-x; }
table.deptlist td.left    { width: 15px; background: url(/schema/gifs/listleft.gif) left center repeat-y; }
table.deptlist td.right   { width: 15px; background: url(/schema/gifs/listright.gif) right center repeat-y; }
table.deptlist td.spacer  { height: 12px; }

table.productdetails      { width: 85%;}
table.productdetails td   { padding: 2px; color: #6e3e57; }
table.productdetails td.detailleft  { border-bottom: 1px dotted #CDAFD4; border-right: 1px dotted #CDAFD4; }
table.productdetails td.detailright { border-bottom: 1px dotted #CDAFD4; }