/* GLOBAL STYLES --------------------------------------*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body, h1, h2, h3, div, span, li, ol, ul {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #70405E;
	font-style: normal;
	font-size: 1em;
}

div {
	margin: 0;
	padding: 0;
}

body {
	background-color: #70405e;
	text-decoration: none;
	text-align: center;
}

ul, ol, li {
	list-style-type: none;
}

a {
	text-decoration: none;
	outline: none;
	color: #70405E;
}

a img {
	border: none;
}

em {
	font-style: normal;
}

strong {
	font-style: normal;
}

dt { 
	font-weight: bold; 
	padding-bottom: .25em; 
	margin: 0; 
}

dd { 
	padding-bottom: 1em; 
	padding-left: 0; 
	margin: 0; 
}

/* CONTAINER -------------------------------------------*/

div#container {
	position: relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
	/* min-height: 100%; */
	background-color: #faf9f4;
	background-image: url(../_images/texture.jpg);
	background-repeat: repeat;
	border-left: 3px solid #a2b1bc;
	border-right: 3px solid #a2b1bc;
	border-bottom: 3px solid #a2b1bc;	
}

/* LANDING CONTAINER -------------------------------------------*/

div#landingContainer {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 894px;
	height: 849px;
	background-color: #faf9f4;
	background-image: url(../_images/bkg_landing.jpg);
	background-repeat: no-repeat;
}

/* POPUP CONTAINER -------------------------------------------*/

div.popupContainer {
	margin: 0px auto;
	margin-top: 30px;
	text-align: center;
	width: 720px;
	height: 640px;
	background-color: #faf9f4;
	background-image: url(../_images/texture.jpg);
	background-repeat: no-repeat;
	border: 3px solid #a2b1bc;
}

/* LANDING PAGE CONTENT -------------------------------------------*/

div#mainSectionWrap {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 580px;
	top: 200px;
	height: auto;
	padding-left: 15px;
}

ul#mainSectionLogos li {
	float: left;
	width: 287px;
	height: 90px;
	text-indent: -9999px;
	/* padding-right: 3px; */
}

ul#subLogos li {
	float: left;
	text-indent: -9999px;
}

ul#mainSectionLogos li a {
	display: block;
	width: 287px;
	height: 90px;
}

ul#subLogos li a {
	display: block;
	width: 190px;
	height: 59px;
}

.landingPage {   /* controls position of nav bar on the Landing Page */
	top: -15px;
	left: 75px;
}

a#stationeryCollections {
	background: url(../_images/landing_SC_logo.png) no-repeat 0 0;
}

a#customStationery {
	margin-left: 3px;
	background: url(../_images/landing_CS_logo.png) no-repeat 0 0;
}

a#customEntertaining {
	margin-top: 3px;
	background: url(../_images/landing_CE_logo.png) no-repeat 0 0;
}

a#privateLabel {
	margin-left: 3px;
	margin-top: 3px;
	background: url(../_images/landing_PL_logo.png) no-repeat 0 0;
}

a#anthropologie {
	background: url(../_images/landing_anthro_logo.png) no-repeat 0 0;
}

a#children {
	margin-left: 3px;
	background: url(../_images/landing_children_logo.png) no-repeat 0 0;
}

a#philanthropy {
	margin-left: 3px;
	background: url(../_images/landing_philanthropy_logo.png) no-repeat 0 0;
}

a#textiles {
	margin-top: 3px;
	background: url(../_images/landing_textiles_logo.png) no-repeat 0 0;
}

a#couture {
	margin-top: 3px;
	margin-left: 3px;
	background: url(../_images/landing_couture_logo.png) no-repeat 0 0;
}

a#photography {
	margin-top: 3px;
	margin-left: 3px;
	background: url(../_images/landing_photography_logo.png) no-repeat 0 0;
}

div.dividerLines {
	clear: both;
	text-align: center;
	width: 511px;
	height: 28px;
	text-indent: -9999px;
	background: url(../_images/dblRulesLines.jpg) no-repeat 0 9px;
	margin: 0 auto;
}

div#lastDivider {
	position: relative;
	top: -6px;
}

div.descriptionText p {
	margin-top: -6px;
	width: 550px;
	font-family: georgia, serif;
	font-size: .9em;
	line-height: 1.9em;
	color: #606e7b;
}

div.descriptionText a {
	font-family: georgia, serif;
}

div.descriptionText a:hover {
	text-decoration: underline;
}

p#disclaimer {
	position: relative;
	margin: 275px auto 0px auto;
	padding-bottom: 40px;
	width: 100%;
	clear: both;
	font-size: .6em;
	color: #a7bbc3;
}

div#shopBTN {
	position: absolute;
	top: -140px;
	left: 15px;
}

/* HEADER ----------------------------------------------*/

#header {
	float: left;
	width: 100%;
}

div#logoBox {   /* Scrollwork behind logo */
	float: left;
	width: 320px;
	height: 150px;
	background: url(../_images/header_bkg_scrolls.jpg) no-repeat 0 0;
}

div#logo img {
	float: left;
	margin: 17px 0 0 14px;
	width: 230px;
	height: 69px;
	text-indent: -9999px;
}

div#logo {
	text-indent: -9999px;
}

a.logoText {
	display: block;
	text-indent: -9999px;
}

div#navWrap {
	position: relative;
	float: left;
	margin: 27px 0 0 50px;  /* controls position of top nav bar */
	width: 370px;
}

div#navWrap ul {
	float: left;
}

div#navWrap ul li {
	display: inline;
	float: left;
	/* height: 35px; */
}

ul#topNav li a {
	float: left;
	display: block;
	/* height: 35px; */
	background: url(../_images/navLink_divider.jpg) no-repeat right -6px;
	padding: 2px 22px 2px 2px;
	color: #687d98;
	font-family: georgia, serif;
	/*font-size: 14.5px;*/
	font-style: italic;
	letter-spacing: 1px;
}

ul#topNav li a:hover {
	color: #324756;
	z-index: 51;
}

ul#topNav li a.last {
	background: none;
	z-index: 1000;
}

/* SIDE BAR ----------------------------------------------*/

div#sideBar {
	float:left;
	width: 168px;
	height: 100%;
	padding-left: 10px;
	margin-top: 20px;
}

ul#productNav li a {
	display: block;
	font-family: georgia, serif;
	width: 144px;
	padding: 0 0 0 10px;
	color: #70405E;
	font-size:0.8em;
	font-style:italic;
	line-height:32px;
}

ul#productNav li a:hover {
	/* background-color: #a3b1bc; */
	background: url(../_images/nav_rl_background.png) no-repeat 0 2px;
	color: #FFFFFF;
}

ul.subNav li {
	width: 160px;
	padding:30px 0 10px 10px;
	background: url(../_images/dividerLine.jpg) no-repeat -8px 0;
	color: #687d98;
	font-size: 90%;
}

li#customBTN a, li#stationeryBTN a, li#priceList a {
	display: block;
	font-family: georgia, serif;
	font-style: italic;
	/*font-size: 11px;*/
	/* line-height: 150%; */
	color: #687d98;
}

ul.subNav span, li#retailStores a {
	display: block;
	font-family: georgia, serif;
	font-style: normal;
	font-variant: small-caps;
	/*font-size: 13px;*/
	line-height: 100%;
	letter-spacing: .1em;
	color: #687d98;
}

li#retailerLogin {
	display: block;
	font-family: georgia, serif;
	font-style: normal;
	font-variant: small-caps;
	/*font-size: 14px;*/
	line-height: 100%;
	letter-spacing: .1em;
	font-weight: bold;
}

li#retailStores span {
	display: block;
	font-family: georgia, serif;
	font-style: italic;
	font-size: .8em;
	color: #687d98;
	font-variant: normal;
	letter-spacing: 0;
	padding-top: 3px;
}

ul.subNav a br {
	margin-top: 14px;
}

li#customBTN a:hover span, li#retailStores a:hover span, li#customBTN a:hover, 
li#retailerLogin a:hover, li#retailStores a:hover, li#priceList a:hover, 
li#priceList a:hover span, li#stationeryBTN a:hover, li#stationeryBTN a:hover span {
	color: #324756;
}


/* MAIN CONTENT AREA  ----------------------------------------------*/

div#content {
	position:relative;
	float: left;
	margin-top: 15px;
	width: 520px;
	border: 1px dashed;
	border-color: #b59797;
	/* border-color: #70405E; */
	padding: 10px;
}

div.customContent {   /* Extends the Container div down on pages with long Sub Nav lists; add to Container DIV  */
	min-height: 1180px;
}

h1#productTitle img {
	position: absolute;
	top: -75px;
	right: -10px;
	z-index: 1001;
	/* background: url(../_images/title_pads.png) no-repeat 0 0; */
}

h1#productTitle_logo img { /* sets position of the logos in the PRIVATE LABEL section */
	position: absolute;
	top: -80px;
	right: 0px;
	z-index: 1001;
	/* background: url(../_images/title_pads.png) no-repeat 0 0; */
}

h1#productTitle, h1#productTitle_logo {
	height: 0px;
	text-indent: -9999px;
}


h3.productDetail, h3.productDetail_pl {
	text-transform: uppercase;
	font-family: georgia, serif;
	font-size: .58em;
	letter-spacing: .1em;
}

h3.productDetail_pl {
	text-align: center;
	margin-top: 50px;
	margin-bottom: -20px;
	font-size: .75em;
}

h3.productDetail em, h3.productDetail_pl em {
	text-transform: none;
	font-weight: normal;
}

h3.productDetail_long {  /* for longer product descriptions, that do not look good as all caps */
	font-family: verdana, arial, sans-serif;
	font-size: .6em;
	text-align: center;
	font-weight: normal;
	padding-top: 20px;
	width: 80%;
	margin: 0 auto;
}

h2#retailLinkText {
	font-family: georgia, serif;
	text-align: center;
	font-size: .8em;
	font-style: normal;
	letter-spacing: .05em;
	font-weight: normal;
	padding: 30px 5px 25px 5px;
	width: 75%;
	margin: 0 auto;
}

h2#retailLinkText em {
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .1em;
}

h2 span.retailLink {
	font-weight: bold;
	font-family: georgia, serif;
}

h2 a:hover, h2 a:hover span {
	color: #361327;
}

h2 a:hover span {
	text-decoration: underline;
}

#productDetail_bot {
	clear: both;
	position: relative;
	text-align: center;
	padding-top: 20px;
	width: 100%;
}

div.pageNav ul {
	position: relative; 
	text-align: center;
	padding-top: 33px;
}

div.pageNav ul li {
	font-family: verdana, arial, sans-serif;
	font-size: .75em;
	display: inline;
	margin-right: -2px;
	margin-left: -2px;
	padding: 0px 2px 0px 2px;
}

div#pageNav_moreTopMargin {
	margin-top: 18px;
}

div.pageNav ul li a:hover{
	color: #361327;
	text-decoration: underline;
}

div.pageNav ul li.next {
	padding-right: .5em;
}

#productList {
	position: relative;
	float: left;
	margin: 20px 0px 0px 0px;
	margin-left: 0px;  /* test for IE fix */
	padding-left: 0px;    /* test for IE fix */
	width: 100%;
	text-align: center;
	z-index: 1000;
	/* border: 1px solid red; */
}

#contentBox {
	position: relative;
	float: left;
	margin: 55px 0px 0px 0px;
	margin-left: 0px;  /* test for IE fix */
	padding-left: 0px;    /* test for IE fix */
	width: 100%;
	/* border: 1px solid orange; */
}

div#contentBox h2 {
	width: 90%;
	font-size: .8em;
	font-family: georgia, sans-serif;
	line-height: 1.5em;
}

div#contentBox img {
	float: right;
	margin: 0px 15px 5px 15px;
}

#contentBox p {
	font-size: .7em;
	line-height: 1.5em;
}

#contentBox p strong {
	font-weight: bold;
}

#contentBox p em {
	font-style: italic;
}

#contentBox a {
	font-weight: bold;
}

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

div.productBox {
	position: relative;
	float: left;
	display: inline;  									/* TESTING IE  */
	height: 250px;
	width: 173px;
	/* border: 1px dashed teal; */
}

div.contentBox p {
	position: relative;
	float: left;
	width: 100%;
	/* border: 1px dashed teal; */
}

div.productBoxFull {
	margin: 0px;
	padding: 0px;
}

div.productImageFull li {
	width: 235px;
	float: left;
	padding-left: 15px;
}

div.productImage {
	position: absolute;
	float: left;
	height: 169px;
	width: 168px;
	text-align: center;
	/* border: 1px red solid; */
}

div.productImage img {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
}

div.productInfo {
	position: absolute;
	float: left;
	width: 165px;
	margin-top: 170px;
	font-size: .75em;
	text-align: center;
	line-height: 1.4em;
}
.productInfo span {
	display: block;
	width: 100%;
	text-align: center;
}
.popupProductImage {
	margin-top: 10px;
}

div#customImage img {
	max-height: 530px;
	/*height: 65%;*/
	padding-top: 30px;
	padding-bottom: 10px;
}

div.popupProductInfo {
	text-align: center;
	font-size: .6em;
	text-align: center;
	line-height: 1.4em;
}

.purchaseButton {
	display: none;
}

/* RETAIL SECTION ----------------------------------------------*/

.retail_list { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #70405E; 
	text-decoration: none; 
	text-align: left; 
	padding-left: 10px;
}

.retail_header { 
	font-weight: bold; 
	text-transform: uppercase; 
}	

.retail_state { 
	color: #8392a1; 
	padding-top: 5px; 
	padding-bottom: 0px; 
	font-weight: bold; 
}

.retail_list a { 
	color: #95547C; 
	text-decoration: underline; 
}

.retail_list a:visited { 
	color: #9F88AA; 
	text-decoration: underline; 
}

.retail_list a:hover { 
	color: #330033; 
	text-decoration: none;
}


/* FOOTERS  ----------------------------------------------*/

p.popupFooter {
	color: #a2b1bc;
	margin-top: -8px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	width: 100%;
	padding-top: 23px;
	text-align: center;
}

p.closeWindow {
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color:#95547C ;
	margin-top: -30px;
	text-decoration: underline;
}

p#footer {
	position: absolute;
	bottom: 0;
	font-family: verdana, sans-serif;
	font-size: 10px;
	width: 100%;
	clear: both;
	margin: 15px auto;
	padding-top: 23px;
	text-align: center;
}

#landingFooter {  /* controls the footer on the Landing Page */
	font-family: verdana, sans-serif;
	font-size: 10px;
	width: 100%;
	clear: both;
	text-align: center;
}

.clear {
	height: 60px;
	clear: both;
}

/* PHILANTHROPY SECTION  ----------------------------------------------*/

div.purchase {
	margin: 5px 0;
}

div.purchase a {
	font-family: georgia, garamond, serif;
	text-transform: uppercase;
	font-size: .85em;
	color: #70405E;
}

div.purchase a:hover {
	color: #697E9A;
}
