﻿/* NeatPetites Stylesheet */ 
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6{  /* set everything to zero for a good starting point*/
margin: 0; /* sets the margins to zero on the body */
padding: 0; /* sets the padding to zero on the body */
border: 0; /* deletes any borders */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#676666;
/*	background-color: #FCF2F7; */
    background:#FCF2F7 url(images/bg.png) repeat center top;
	text-align: center; /*hack for IE Windows*/
	line-height: 19px;
	}

#container{
    width: 782px;
	w/idth: 780px; /*sets the width of the wrapper for compliant browsers*/
    width:780px;
    text-align:left;
    border: thin solid #CCCCCC;
    background-color: #ffffff;
    margin-left:auto;
    margin-right:auto;
    margin-top:8px;
    margin-bottom:8px;
    }

h1 {font-family:Times New Roman; font-style:italic; font-size: 19px; padding-bottom: 5px; text-align:center}
h2 {font-size: 16px; color:#D20039; padding-top: 10px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

.cat_daywear {font-family:Times New Roman; font-style:italic; font-size: 18px; color:#D20039; padding-top: 10px;}
.cat_occasions {font-family:Times New Roman; font-style:italic; font-size: 18px; color:#AC9601; padding-top: 10px;}
.cat_outerwear {font-family:Times New Roman; font-style:italic; font-size: 18px; color:#676666; padding-top: 10px;}

.red {color:#D20039;} /*RGB 210, 0, 57 */
.gold {color:#AC9601;} /*RGB 172, 150, 1 */
.grey {color:#676666;} /*RGB 103, 102, 102 */
.dkgrey{color:#3B3B3B;}

.strike {text-decoration:line-through;}
.logo {font-family: "Monotype Corsiva";}
.spacer {width:auto; height:2px; clear:both; padding-bottom:2px;}
.a {text-decoration: none;}

.arrowred /*for list items, used in articles/petite-tips*/
{margin-top:0.2em; list-style-image:url(images/arrowred.gif); background-repeat:no-repeat; padding-left:20px}
.arrowdbgold
{margin-top:0.2em; list-style-image:url(images/arrowsdbgold.gif); background-repeat:no-repeat; padding-left:20px}

ul li {list-style-type: none;}

ol.roman {
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 20px;
}
ol.roman ol {
	list-style-type: lower-roman;
}

ol.roman li { font-style: normal;}
ol.roman ol { font-style: normal;}


#header{
    position:relative;
    height:150px;
    background-color:#BAA0A0;
/*  background: url(images/header-xmas2.gif) no-repeat; */
    width:100%;
    padding-top: 10px;
    top: 0px;
    left: 0px;
}
#header ul.topmenu {
	width: 140px;
	padding-left: 20px;
	}
#header ul.topmenu li {
	height: 22px;
	line-height: 22px;
	color: #D20039;
	border-bottom: 1px solid #AECCCA;
	background-color: #FFFFFF;
	padding-left: 3px;
	}
#header ul.topmenu li a {
	background: url(images/arrowsdbgold.gif) 0 7px no-repeat;
	height: 22px;
	display: block;
	color: #305E5C;
	text-decoration: none;
	padding: 0 0 0 15px;
	}
#header ul.topmenu li a:hover {
	background: url(images/arrowsdbred.gif) 0 7px no-repeat #FFFFFF;
	color: #D20039;
	padding:0 0 0 15px;
	}
#header a.logo {
	font-size: 36px;
	color: #D20039;
	position: absolute;
	line-height: 50px;
	height: 100px;
	top: 20px;
	left: 210px;
	text-decoration: none;
	font-family: "Monotype Corsiva";
	}

#header p.strap {
	color: #3B3B3B;
	position: absolute;
	top: 60px;
	left: 210px;
	line-height: 21px;
	text-decoration: none;
	}
#headerRight {
	position: absolute;
	top: 20px;
	right: 20px;
	float: right;
	}
	#headerRight1 {
	position: absolute;
	top: 20px;
	left: 640px;
	padding-top: 7px;
	height: 100px;
	}

/* Breadcrumb navigation div */
.breadcrumb {
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: left;
	}
.breadcrumb a {
	color:#D20039;
	}
.breadcrumb a:hover {
	text-decoration: underline;
	color:#AC9601;
	}
.breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	}
.breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
/* \0020, is a space. \003E is a right angle quote. Use 00BB for doubel right angle quote. (All only visible in Opera or Mozilla/Netscape) */
.breadcrumb ul li:before {
	content: "\0020 \0020 \0020 \003E \0020";
	color:#AC9601;
	}
.breadcrumb ul li.first:before {
	content: " ";
	}
	
/*----Left Column 162px - padding 16px + border 1px, = 144px available----*/
#leftCol{
    width:162px;
    float:left;
    position:relative;
    border: 1px solid #CCCCCC;
    padding-left: 8px;
	padding-right: 8px;
    }
#leftCol ul{
	width:160px;
	}
#leftCol ul li{
	height:24px;
	color:#D20039;
	}
#leftCol ul li a{
	height:24px;
	display:block;
	background:url(images/arrowred.gif) 0 10px no-repeat #fff;
	color:#3B3B3B;
	text-decoration:none;
	line-height:24px;
	padding:0 0 0 12px;
	}
#leftCol ul li a:hover{
	background:url(images/arrowgrey.gif) 0 10px no-repeat;
	color:#676666;
	text-decoration:none;
	}
.Nav_Cat_Sub{
    font-size: 8pt;
    line-height: 12pt;
    padding-left: 20px;
    color: #606060;
    }
.Nav_Cat_Sub_Selected {
    font-weight: normal;
    font-size: 8pt;
    line-height: 12pt;
    color: #FF69b4;
    }
.Nav_Cat_Sub_Selected:link {color: #3B3B3B;}
.Nav_Cat_Sub_Selected:visited {color: #3B3B3B;}

.newsletter {
	width: 175px;
	background-color: #4B2B3E;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	border: 1px dotted #D20039;
	padding: 0px;
	}
    
.sidenews a {
    color: #D20039;
	text-decoration: none;
	}
.sidenews a:hover {color: #AC9601;}

/*----Right Ccntent 580px + padding 20px = 600px----*/
#rightContent{
    background-color: #FFFFFF;
    float: right;
    display:inline;
    position: relative;
    width:580px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
    }
#rightContent p {
	margin-bottom: 10px;
	}
#rightContent ul.itemsList li a {height:20px; display:block; background:url(images/bulletred.gif) 0 7px no-repeat; color:#676666; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightContent ul.itemsList li a:hover {background:url(images/bulletred.gif) 0 7px no-repeat; color:#D20039; text-decoration:underline;}

/*----pagePopup 580px + padding 20px = 600px----*/
.pagePopup{
    background-color: #FFFFFF;
    width: 580px;
    text-align: left;
    border: thin solid #CCCCCC;
    margin-top:3px;
    margin-bottom:3px;
	padding-right:10px;
	padding-left: 10px;
	padding-bottom: 10px;
    }

.imgleft {
	float: left;
	border:1px ridge #CCCCCC;
	margin-right: 10px;
	padding: 1px;
	margin-bottom: 2px;
	}
.imgright {
	float: right;
	border:1px ridge #CCCCCC;
	padding: 1px;
	margin-left: 10px;
	margin-bottom: 2px;
	}

#rightContent .box1a {
	width:150px;
	height:76px;
	float:left;
	display:block;
	background: #CCCCCC;
	color:#FFFFFF;
	font-size:16px;
	margin:0 0 5px;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 45px;
	}
#rightContent ul.box1b {width:137px; height:114px; float:left; border:1px solid #CCCCCC; padding:7px 0 0 25px;}
#rightContent ul.box1b li.captionone {color:#D20039; font-size:12px;}
#rightContent ul.box1b li {width:137px; height:20px;}
#rightContent ul.box1b li a {width:125px; height:20px; display:block; background:url(images/bulletred.gif) 0 7px no-repeat; color:#676666; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightContent ul.box1b li a:hover {background:url(images/bulletgold.gif) 0 7px no-repeat; color:#676666; text-decoration:underline;}

#rightContent ul.box1c {width:137px; height:114px; float:left; border:1px solid #CCCCCC; color:#676666; padding:7px 0 0 25px;}
#rightContent ul.box1c li.captiontwo {color:#D20039; font-size:12px;}
#rightContent ul.box1c li{width:137px; height:20px;}
#rightContent ul.box1c li a{width:125px; height:20px; display:block; background:url(images/bulletgold.gif) 0 7px no-repeat; color:#676666; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightContent ul.box1c li a:hover{background:url(images/bulletred.gif) 0 7px no-repeat #fff; color:#676666; text-decoration:underline;}

#rightContent .box2a {
    width: 120px;
    height: 76px;
    float: left;
    display: block;
    background: #DFD79C;
    color: #FFFFFF;
    font-size: 16px;
    padding: 46px 0 0 20px;
    margin: 0 0 5px;
    border: 1px solid #AC9601;
    text-align: center;
    }
#rightContent ul.box2b {width:320px; height:114px; float:left; border:1px solid #AC9601; color:#676666; padding: 7px 0 0 10px;}
#rightContent ul.box2b li.captionone {color:#D20039; font-size:12px;}
#rightContent ul.box2b li.captionthree {color:#AC9601; font-size:12px;}
#rightContent ul.box2b li {width:320px; height:20px;}
#rightContent ul.box2b li a {width:300px; height:20px; display:block; background:url(images/arrowsdbgold.gif) 0 5px no-repeat; color:#676666; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightContent ul.box2b li a:hover {background:url(images/arrowsdbred.gif) 0 5px no-repeat; color:#676666; text-decoration:underline;}

#rightContent a {
    color: #D20039;
	text-decoration: none;
	}
#rightContent a:hover {color: #AC9601;}

/*----Article Ccntent----*/
#articleContent{
    background-color: #FFFFFF;
    float: right;
    display:inline;
    position: relative;
    width:580px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
    }
#articleContent p {
	margin-bottom: 10px;
	}
#articleSidebar{
    background-color: #FFFFFF;
    float: right;
    display:inline;
    position: relative;
    width:580px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
    }
#articleSidebar p {
	margin-bottom: 10px;
	}
.article-bottom {
clear:both;
display:block;
height:100%;
margin:10px 0 10px;
overflow:hidden;
padding:5px 10px;
text-align:center;
border: 1px solid #CCCCCC;
}

/*----Products Category Pages NEW----*/
.cat-ThumbDisplay {
    height: 125px;
    border: 1px solid #CCCCCC;
    max-width: 280px;
    padding-right: 2px;
}
.cat-ThumbDisplay h3 {
    font-size: 13px;
    }
.cat-ThumbDisplay p {font-size: 11px; line-height: normal;}
.cat-ThumbDisplay .thumbleft {
	float: left;
	border: none;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	max-height:100px;
	}
.thumbspacer {
    background: url(images/spacer.gif) no-repeat;
    height: 1px;
    width: 270px;
    }
.cat-ThumbDisplay .moreinfo {
	float: right;
	border: none;
	padding-left: 10px;
	}
.cat-Price {font-size: 12px; color:#3B3B3B;}
.infobuy {
    font-family: "Monotype Corsiva";
    font-size:18px;
    }
ul.infobuy {margin-left: 70px;}
ul.infobuy li {
	display: inline;
	padding: 0 15px 0 0;
	}
ul.infobuy li a:hover {
	color: #AC9601;
	}
/* Use when we have small moreinfo & buynow buttons */
.cat-ThumbDisplay .moreinfoimg {
    margin-left: 80px;
    padding: 0px;
    display: inline;
    border-style:none;
    border:0px;
    }
.cat-ThumbDisplay a.moreinfoimg {
    margin-left: 80px;
    padding: 0px;
    display: inline;
    border-style: none;
    }
/*----End of Products Category Pages NEW----*/

/*----Used in WebMerge Category Pages (none live)----*/
.prodName {
    color:#D20039;
	text-align: center;
	}
.prodThumb {
    text-align: center;
    width:70px;
    max-height:100px;
    }
.prodImage {
	float: left;
	border-style: none;
	margin-right: 5px;
	padding: 0px;
	margin-bottom: 2px;
	}
.prodDescShort {
	font-size: 11px;
	text-decoration: none;
	}
.prodDesc {
	font-size: 13px;
	text-decoration: none;
	}
.prodBrand {
	font-size: 12px;
	text-align: center;
	}
.prodPrice {
	color:#3B3B3B;
	font-size: 14px;
	}
.prodLeft {width:150px;}
.prodRight {width:150px;}
.mainCategoryList{
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    width: 550px;
    border-collapse: collapse;
    border-bottom-color: #CCCCCC;
    }
.listImage{
    width: 125px;
    font-size: 8px;
    color: #676666;
    padding: 5px 0;
    text-align: center;
    vertical-align: top;
    }
.listImage img{width:120px; border:none;}
.listProdName{padding:0 0 3px 5px; text-align:left; vertical-align:top; height:20px;}
.listProdDesc{padding: 5px; text-align: left; font-size: 11px; vertical-align: top;}
.listProdPrice{width: 100px; padding: 3px 5px 8px 5px; color: #676666; font-size:13px; text-align:right; height:25px; vertical-align:bottom;}
.listMoreInfo{padding:2px 0 5px 0; text-align:right; height:25px; vertical-align:bottom;}
.listLogo{width: 100px; padding:3px 0 3px 0;}
/*----End of WebMerge Category Pages (none live)----*/

/*----Product Pages NEW--*/
.item_details_box{
    float:left;
    width:280px;
    padding:10px 0 0 10px;
    }
.box_pink{
    float:left;
    width:250px;
    padding:10px 0 0 10px;
    background-color: #F6f1ef;
    }
.price {font-size: 16px; padding-right: 20px;}
.bottombox {border: 1px solid #D20039; text-align: center; background-color: #F6f1ef; padding-top:5px;}

/*----Products Temp2----*/
.item_details{
    float:left;
    width:100px;
    color:#0099FF;
    padding:10px 0 0 10px;
    }

/* Products (smallm) Used in Nightwear */
.prodlist-sm {
	float: left;
	margin: 5px;
	width: 120px;
	height: 175px;
	border: 1px solid #cccccc;
	padding: 3px 3px 3px 3px;
    position:relative;
    text-align:center;}

.listprice {
    padding: 5px 0 0 0;
	font-size: 14px;
	color: #3B3B3B;}

.listimg {width: 100px;}
.listdesc {
    max-width: 100px;
    max-height: 150px;
    font-size: 12px;
    line-height:normal;
}

a.img.prodlist-sm {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0 1px 0;
    border-style:none;
    width: 100px;
    height: 100px;
    }
a.prodlist-sm {text-decoration: none;}

/* Products (medium) */
div.catagory{
	padding: 0px;
    height: 629px;
}
.prodlist-m {
    float:left;
	width:120px;
	height: 210px;
	margin: 5px;
	padding: 3px 5px 3px 5px;
	border: 1px silver solid;
	}
.prodlist-m h3{
	font-family: Georgia, "Times New Roman", Times, serif; text-align:center;}

.prodname-m {text-align:center; font-size:11px;}

.prodlist-m p{
	padding: 1px 0 1px 0;
	line-height:normal;
	height:40px; font-size: 11px;
	}

img.img-m {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0 1px 0;
    border-style:none;
    width: 100px;
    height: 100px;
    }
img.img-s {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0 1px 0;
    border-style:none;
    width: 70px;
    height: 70px;
    }
.price-m {
    float:left;
    font: 14px, Georgia, "Times New Roman", Times, serif;
    }
/* Products (small) */
.prodlist-s {
    float:left;
	width:122px;
	height: 162px;
	margin: 5px;
	padding: 3px 5px 3px 5px;
	border: 1px silver solid;
	}
.prodlist-s h3{
	text-align:center; font-size:12px;}
.prodlist-s p{
	padding: 3px 0 5px 0;
	line-height:normal;
	height:35px; font-size: 11px;
	}
img.thumb {
    width: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0 1px 0;
}
.price-s {
    float:left;
    font: 16px, Georgia, "Times New Roman", Times, serif;
    }
a.more_s{
	background:url(images/btnMore_s.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:46px; height:11px; display:block; float:right;
	text-decoration:none; text-indent:-2000px;
	padding:0; line-height:0;
	}
a.more_s:hover{
    background:url(images/btnMore_s_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;}

img.display {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0 1px 0;
    }
/*----not sure if these are used anywhere--*/
.paralow{height:40px; line-height:normal; font-size: 11px;}
.parahigh{height:60px; line-height:normal; font-size: 12px;}
	
/*----Product Details--USED in OLD style category pages--*/
.itemDetails {
    width:125px;
	}
.itemImg {
	border:1px ridge #CCCCCC;
	}

.itemDetails dl {
	text-decoration: none;
	list-style-type: none;
	}
.itemDetails dt {
	color: #AC9601;
	font-size: 12px;
	}
.itemDetails dd {
	text-align: right;
	width:100px;
	}
.itemBuy {
	text-align: right;
	}

.spacer{font-size:0; line-height:0; clear:both;}

/*----Footer----*/
#footer{
    height:45px;
    text-align: center;
    font-size: 10px;
    border-top:1px solid #CCCCCC;
    padding-top: 5px;
    padding-bottom: 2px;
    clear:both;
    }

#footer ul {text-align: center;}
#footer li {display: inline}
#footer li a {
	padding:0 10px 0;
	text-decoration:none;
	font-size:12px;
	color: #3B3B3B;
	}
#footer ul li a:hover {text-decoration:underline;}

#marqueecontainer{
position: relative;
width: 150px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 1px solid #D20039;
padding: 2px;
}

/*----SiteMap Styles----*/
#sitemapontainer {
    display: block;
    background-color: #C0C0C0;
    padding: 1.5em 0 1.5em 0;
    border: 1px dotted #999999;
    }
#sitemap .clear {display:block; clear:both; margin:0; padding:0;}
#sitemap {width:22%; margin:0; padding:0; float:left; text-align:left;}
#sitemap h2 {margin:0; padding:1em 0 0.5em 1.3em; font-size:0.8em; color:#D20039;}
#sitemap ul{margin: 0 0 0 2.8em; padding: 0; list-style:none; font-size:0.7em; display:block;}
#sitemap ul li{margin-top:0.2em; list-style-image:url(images/arrowred.gif); background-repeat:no-repeat;}
#sitemap ul a{font-size:1em; color:#3B3B3B; margin:0; border:none;text-decoration:none;}
#sitemap ul a:hover{text-decoration:underline;}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
#wrapper .clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftCol{display:none;}
#twocols, #rightContent{width:100%; float:none;}
}

.thumb1 {
    width: 120px;
    height: 175px;
    float: left;
    width: 25%;
    border: 1px silver solid;
    margin: 0.5em;
    padding: 0.5em;
    }
.thumb1 p {
  text-align: center;
  font-size: 12px;
  text-indent: 0;
  line-height:normal;
}

.img.thumb1.a {
text-align: center;
}
.thumb1desc {
    max-height: 100px;
    font-size: 11px;
    text-align: left;
}
/* makes the image as wide as the inside of the DIV (the area inside the border and the padding) */
img.scaled {
  width: 63%;
  text-align: center;
  border-style: none;
}

