@charset "utf-8";





body {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	line-height: normal;

	color: #900;

	background-color: #Deb5a3;

}





#mlogo h1{

 text-indent: -9999px;

 background-image: url(nav_images/Mary_bg960.jpg);

 background-repeat: no-repeat;

 background-position: left top;

 height: 115px;

 width: 960px;

 margin: 0px;

}



#page_outer {

	background-color: #DEB5A3;

	background-image: url(nav_images/outer-bg960.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#page-inner {



}

/*#page-home{

	height:21px;

	position:relative;

	background-color: #F8F2EF;

	clear: both;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 80%;

}*/

/*#Home {

	font-size: 100%;

	color: #ae618d;

	float: left;

	width: 40px;

	padding-left: 15px;

	height: 20px;

	padding-top: 3px;

	background-image: url(nav_images/bn-dr.gif);

	background-repeat: no-repeat;

	background-position: left center;

	margin-left: 10px;

	display: inline;

}



#Home a  

{

	color: #AE618D;

}

#Home a:hover

{

	color: #AE2213;

}

*/

#navlist

{

	margin: 0 0 0 30px;

	padding: 0;

	text-align: left;

}

ul#navlist

{

	list-style-type: none;

	position: relative;

}

/*subnavlist */

ul#navlist li

{

	display: inline;

	list-style-type: none;

	padding-left: 10px;

	line-height: 21px;

}



ul#navlist li a

{

	padding-left: 12px;

	text-align: left;

	font: bold 10px arial, verdana, lucida, sans-serif;

	text-decoration: none;

	color: #Ae618d;

	line-height: 21px;

	margin: 0;

	background-color: transparent;

	background-image: url(nav_images/bn-dr.gif);

	background-repeat: no-repeat;

	background-position: left center;

}



ul#navlist li a:hover

{

	color: #ae2213;

	background-color: transparent;

	background-image: url(nav_images/bn-dr.gif);

	background-repeat: no-repeat;

	background-position: left center;

}



ul#navlist li a#current

{

	background: transparent url(http://www.loudjoy.com/greybullet.gif) left center no-repeat;

	color: #ae2213;

}



#header-inner{

}



/*.clear-block:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

*/

.clear-block{

	display:inline-block;

}

/* Hides from IE-mac \*/

* html .clear-block{height:1%;}

.clear-block{display:block;}

/*end backslash hack*/







#header_top{

	height:115px;

	position:relative;

	overflow: visible;

}

#header_top.bg-4{

	background-image: url(nav_images/Mary_bg960.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}



.Mary #container {

	width: 960px;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 1px none #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */

	background-color: #DEB5A3;

}

.Mary #header {

	background: #DDDDDD;

	height: 1%;

} 

.Mary #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}



.Mary #mainContent {

	padding: 10px 20px;

	background-color: #Deb5a3;

}

.Mary #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

#page-home ul #pagehome {

	margin: 0px;

	float: left;

	padding-top: 1px;

	padding-bottom: 1px;

	padding-left: 5px;

}

#page-home ul #pageCust {

	margin: 0px;

	float: left;

	padding-top: 1px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 20px;

}

#search {

	clear: both;

	width: 100%;

	height: 24px;

	background-color: #F3EDF1;

}

#searchlabel {

	width: 500px;

	float: left;

}

#storelabel {

	width: 240px;

	float: right;

	text-indent: 6px;

}

#dress-search {

	color: #9A3676;

	display: inline;

}

#dress-search input {

	font-size: 80%;

}

#homebutton {

	clear: both;

	float: none;

	width: auto;

}

br {

	clear: both;

}

.long-banner {

	margin-top: 10px;

	margin-bottom: 10px;

	margin-right: 0px;

	margin-left: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	float: left;

}

#subNav {

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	display: inline;

	overflow: hidden;

}

#IntroMain {

	margin: 0px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#IntroMain p{

	line-height: 1.5em;

	white-space: pre;

}



#Intro {

	float: left;

	width: 410px;

	text-indent: 13px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #900;

	padding-left: 30px;

	padding-right: 20px;

}

#Intro2 {

	float: left;

	width: 405px;

	text-indent: 13px;

	padding-left: 20px;

	padding-right: 10px;

}

table.sitefooter {

	border-collapse: collapse;

	border: none;

	float: none;

	margin-right: 0px;

	margin-left: 0px;

	vertical-align: top;

}

.sitefooter tr td a {

	text-decoration: none;

	color: #561F2D;

}

.sitefooter tr td a:hover {

	color: #900;

	text-decoration: none;

}

#footer .sitefooter th {

	background-color: #E2ADBD;

	border-right-color: #FFF;

	text-indent: 10px;

	padding-left: 0px;

	width: auto;

	color: #FFF;

	vertical-align: top;

	padding-top: 3px;

	text-align: left;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	padding-bottom: 3px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFF;

	border-left-color: #FFF;

}

#footer .sitefooter td {

	background-color: transparent;

	border-right-color: #FFF;

	text-indent: 0;

	padding-left: 10px;

	width: auto;

	color: #561f2d;

	padding-top: 10px;

	padding-right: 15px;

	border-left-color: #FFF;

	font-size: 0.9em;

	vertical-align: top;

	padding-bottom: 10px;

	text-align: left;

}

#main_nav {

	display: inline;

}

.adbox {

	padding-top: 10px;

}

#adbox-outer {

	width: 100%;

	background-image: url(nav_images/adbox-lbg.gif);

	background-repeat: repeat-x;

	background-position: left top;

}

#adbox-top div {

	background-image: url(nav_images/t-left.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#adbox-top {

	background-image: url(nav_images/t-right.gif);

	background-repeat: no-repeat;

	background-position: right top;

}

#adbox-content {

	margin: 0 24px;

}

#adbox-bottom div {

	background-image: url(nav_images/b-left.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#adbox-bottom {

	background-image: url(nav_images/b-right.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

#adbox-top div, #adbox-top, #adbox-bottom div, #adbox-bottom {

	font-size: 1px;

	height: 15px;

	width: 100%;

}

.Mcopyright {

	background-color: #E7D2C7;

	color: #561f2d;

	display: block;

	height: 90px;

	clear: both;

}

.Mcopyright #cycontent p{

	text-indent: 10px;

	display: block;

	width: 100%;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #900;

	line-height: 12px;

	height: 12px;

}



#leftside {

	float: left;

	width: 200px;

}





#photoview {

	margin-left: 207px;

}



.article {

	background-color: #9C9;

	margin-top: 20px;

	padding-right: 10px;

	padding-left: 10px;

}

.article1 {

	padding-bottom: 10px;

	width: 650px;

	padding-left: 10px;

	float: left;

}

.box {

	margin-top: 20px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 1px;

	padding-left: 10px;

	background-color: #FFF;

}

.box h2 {

	font-size:1.25em;

	font-weight:bold;

	color:#fff;

	margin-top: -10px;

	margin-right: -10px;

	margin-bottom: 0;

	margin-left: -10px;

	padding-top: 6px;

	padding-right: 12px;

	padding-bottom: 6px;

	padding-left: 12px;

	background-color: #F090C0;

}

.box h2 a,

.box h2 a.visible {

	color:#fff;

	background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;

	display:block;

	padding:6px 12px;

	margin:-6px -12px;

	border:none;

}



.box h2 a.hidden,

.box h2 a.hidden:hover {

	background-image: url("../img/switch_plus.gif");

}

.box h2 a:hover {

	background-color:#111;

}

.block {

	padding-top:10px;

	padding-bottom: 20px;

	padding-right: 10px;

}

.block h1{

	font-size:1.20em;

	margin-top: 0px;

}

img.mleft {

	float: left;

	padding: 15px;

}



p {

	margin-bottom: 1em;

	text-align: left;

	text-indent: 20px;

	line-height: 2em;

	margin-left: 1em;

}

p.txnowrarp {

	white-space: pre;



}





div .menu h3 {

	margin:0;

	font-size: 85%;

	color: #c9c;

	display: block;

	padding-bottom: 10px;

	text-indent: 10px;

}

#blocklist dt {

	margin-top: 0px;

	padding-top: 10px;

	padding-bottom: 10px;

}

#blocklist dt a{

	margin-top: 0px;

	color: #900;

	font-size: 120%;

}

h5 {

	font-size: 105%;

	line-height: 1em;

	padding-bottom: 1px;

	color: #F99;

}





/* anchors

----------------------------------------------- */

a {

	color: #C00;

	font-weight:bold;

	text-decoration: none;

}

a.current {

	color: #FFF;

	background-color: #C69;

}





a:hover {

	color:#C00;

}

a:active {

	color:#900;

}







ul, ol {

	padding-top:0;

}

/* menus

----------------------------------------------- */

ul.menu {

	list-style:none;

}

ul.menu li {

	margin:0;

}

ul.menu li a {

	display:block;

	padding:4px 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FCF;

}

ul.menu li a:hover {

	background-color: #FCC;

}

ul.menu li a:active {

	background-color: #FCF;

}





.adbox {

	display: inline-block;

	margin-top: 10px;



}

#adbox-outer {

	width: 100%;

	background-image: url(nav_images/adbox-lbg.gif);

	background-repeat: repeat-x;

	background-position: left top;

}

#adbox-top div {

	background-image: url(nav_images/t-left.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#adbox-top {

	background-image: url(nav_images/t-right.gif);

	background-repeat: no-repeat;

	background-position: right top;

}

#adbox-content {

	margin: 0 24px;

}

#adbox-content .ad-img {

	padding-top: 5px;

	padding-right: 14px;

	padding-bottom: 5px;

	padding-left: 5px;

}



#adbox-bottom div {

	background-image: url(nav_images/b-left.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}

#adbox-bottom {

	background-image: url(nav_images/b-right.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

#adbox-top div, #adbox-top, #adbox-bottom div, #adbox-bottom {

	font-size: 1px;

	height: 15px;

	width: 100%;

}



.pic   table {

	border-collapse:collapse;

	border: 1px solid #B02674;

	overflow: hidden;

	position: relative;

	background-color: #FFF;

}

.pic td >p {

	color: #636;

	font-weight: normal;

	text-align: left;

	text-indent: 0;

	line-height: 1.25em;



}



.pic   table   th, table   td {

	margin: 0px;

	text-align: center;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #F090C0;

	width: 23%;

	padding: 8px 8px;

	color: #900;

}





#colblock {

	position: relative;

}



/*#satin {

	background-image:url(nav_images/nav_bg.jpg);

	background-repeat: no-repeat;

}

#chiffon {

	background-image:url(nav_images/nav_bg.jpg);

	background-repeat: no-repeat;

}

#charmeuse {

	background-image:url(nav_images/nav_bg.jpg);

	background-repeat: no-repeat;

}

*/

/*#colorchart {

	margin: 0 0 0 0px;

	padding: 0;

	text-align: left;

}



ul#colorchart {

	list-style-type: none;

	position: relative;

}

ul#colorchart li {

	display: inline;

	list-style-type: none;

	padding-left: 10px;

	line-height: 21px;

}

*/

#colblock h3 {

	text-indent: 35px;



}



#colblock li{

	position: relative;

	float: left;

	width: 32%;

	background-repeat: no-repeat;

	background-position: 10px 10px;

	padding-top: 10px;

	list-style-type: none;

}

#colblock ul {

	border-top: 1em solid #f5efff;

	border-bottom: 1px solid #999;

	overflow: hidden;

}

#wstories {

	position: relative;

}

/*#satin {

	background-image:url(nav_images/nav_bg.jpg);

	background-repeat: no-repeat;

}

#chiffon {

	background-image:url(nav_images/nav_bg.jpg);

	background-repeat: no-repeat;

}

#charmeuse {

	background-image:url(nav_images/nav_bg.jpg);

	background-repeat: no-repeat;

}

*/

/*#colorchart {

	margin: 0 0 0 0px;

	padding: 0;

	text-align: left;

}



ul#colorchart {

	list-style-type: none;

	position: relative;

}

ul#colorchart li {

	display: inline;

	list-style-type: none;

	padding-left: 10px;

	line-height: 21px;

}

*/

#wstories h3 {

	text-indent: 35px;



}

#wstories ul {

	overflow: hidden;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

	padding-top: 10px;

	padding-bottom: 10px;

}



#wstories li{

	position: relative;

	float: left;

	width: 48%;

	background-repeat: no-repeat;

	background-position: 200px 200px;

	padding-top: 0px;

	list-style-type: none;

}