/******************************************************************************
 * Generic CSS
 *****************************************************************************/
html {
}

* html {
}

body {
	font-family: Arial, Verdana, sans-serif; 
	text-align:center; margin:0px auto 0px auto; padding:0px; border:0px;
	background-color:#fdf7dc;
	font-size:12px; color:#000000;
}

* html body {
	text-align: center; /* IE 5 centering */
}

/******************************************************************************
* accessibilityFeature
*****************************************************************************/
.accessibilityFeature { display:none; }

/******************************************************************************
* notForPrint
*****************************************************************************/
.notForPrint { }

/******************************************************************************
* notForScreen
*****************************************************************************/
.notForScreen { display:none; }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { }

a { text-decoration:none; color:#000000; }

h2 { }

h3 { }

img { border:none; margin:0px; padding:0px; }

div#pageRight p.sale {
	font-size:16px;
	font-weight:bold;
	background-color:#fdf7dc;
	margin:0px 35px 0px 35px;
	padding:10px;
}

div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:700px; margin:50px auto 0px auto; 
}

* html div#wrapper {
	text-align: left; /* Win IE 5 left align after centering */
}

div#wrapper_i {
	float:left; width:688px; 
	border:6px solid #dadad9;  background-color:#fdfdfc;
}

/******************************************************************************
* pageLeft
*****************************************************************************/
div#pageLeft {
	position:relative; float:left;
	width:169px;
}

a#logo {
	display:block;
}

a#logo img {
	border:none; margin-top:56px;
}

/******************************************************************************
* mainNav
*****************************************************************************/
ul#mainNav {
	list-style:none; padding:0px;
	width:85px; margin:85px 0px 0px 42px;
	border-right:1px solid #8d8d8c;
}

ul#mainNav li {
	display:block; float:left; width:85px; height:21px;
	margin:0px; padding:0px; 
}

ul#mainNav li a {
	display:block; width:85px; height:21px;
	background-position:0px -21px;
}
	
ul#mainNav li a#current {
	background-position:0px 0px;
}

ul#mainNav li a span {
	display:none;
}

ul#mainNav li#home a { background-image:url(../images/mainNav_home.gif); }
ul#mainNav li#dresses a { background-image:url(../images/mainNav_dresses.gif); }
ul#mainNav li#accessories a { background-image:url(../images/mainNav_accessories.gif); }
ul#mainNav li#contact a { background-image:url(../images/mainNav_contact.gif); }

/******************************************************************************
* pageRight
*****************************************************************************/
div#pageRight {
	position:relative; float:right;
	width:519px; text-align:left;
	background-color:#dadad9;
}

div#pageRight p, div#pageRight h1 {
	margin-left:45px; margin-right:45px;
}

div#pageRight p { line-height:18px; }

/******************************************************************************
* mainHeading
*****************************************************************************/
h1.mainHeading {
	display:block; height:20px;
	background-repeat:no-repeat; background-position:left top;
}

h1.mainHeading span { display:none; }

h1#welcome.mainHeading { background-image:url(../images/heading_welcome.gif); }
h1#finest.mainHeading { background-image:url(../images/heading_finest.gif); }
h1#accessories.mainHeading { background-image:url(../images/heading_accessories.gif); }
h1#cinderellas.mainHeading { background-image:url(../images/heading_cinderellas.gif); }

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	width:700px; margin:0px auto 0px auto; height:30px; clear:both; padding-top:5px;
}

* html div#footer {
	text-align: left; /* Win IE 5 left align after centering */
}

div#footer p {
	text-align:right; font-size:10px; margin:0px;
}

div#footer p a {
	color:#000000; margin-left:5px; border-bottom:1px solid #c3c3c3;
	text-decoration:none;
}