/**********************************************
CSS FILE FOR MY SACRED PLACE - LAYOUT STYLES
DEVELOPED BY PHOSPHOR ESSENCE
COPYRIGHT 2007 - www.phosphor.co.nz
**********************************************/
html, body{height:100%;}
body{color:#532e63; font-size:75%; font-family:Georgia, "Times New Roman", Times, serif; background:#E1DFEC;}

p{line-height:150%; margin:4px 0 10px 0;}

a{color:#7d787e; text-decoration:none; outline:none;}
a:hover{color:#916D00; text-decoration:underline;}
a:visited{}

h1, h2, h3, h4, h5{}

h1{font-size:24px; font-weight:normal; margin:4px 0 8px 0; clear:both; text-transform:capitalize;}
h2{font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 2px 0;}
h2{font-size:16px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-transform:none; margin:0 0 2px 0;}
h2 a{font-size:13px; text-transform:none; padding:0 0 0 13px; background:url(../userfiles/images/structure/bullet-linkaccent.png) 0px 5px no-repeat;}
h2 a:hover{background:url(../userfiles/images/structure/bullet-linkaccent_f2.png) 0px 5px no-repeat;}
h3{}
h4{}
h5{}

hr{margin:16px 0; height:1px; background:url(../userfiles/images/structure/hr-dotted-purple.gif) left top repeat-x; border:none;}

ol{margin-bottom:15px;}
ul{margin-bottom:10px;}
li{margin:5px 0 5px 20px;}

dl{}
dt{font-weight:bold; margin:0 5px 2px 0; float:left;}
dd{margin:0 0 2px 0;}

.introText{font-weight:bold; margin:10px 0 10px 0;}
.imgborder{border:solid 1px #aca8ae;}

#mainContainer{width:1020px; min-height:100%; margin:0 auto; background:#d9d7e5 url(../userfiles/images/structure/bkgd.jpg) left top repeat-x;}
#shadow{float:left; background:url(../userfiles/images/structure/bkgd-shadow-birds.png) left -10px no-repeat;}

#header{width:1020px; padding:0; float:left; background:url(../userfiles/images/structure/contact-number.jpg) 580px 0px no-repeat;}
#banner{width:340px; margin:30px 0 0 60px; float:left;display:inline;}
#textBlock {
	clear:left;
}
/****************
NAV
****************/
    #nav{width:500px; margin:15px 0 0 60px; padding:5px 0 10px 0; float:left; clear:left; display:inline;}
    #nav ul{list-style:none;}
    #nav ul li{width:4em; float:left; margin:0 40px 0 0; padding:0 0 0 8px; display:inline; background:url(../userfiles/images/structure/vr-dotted-purple.gif) left top repeat-y;}
    #nav ul li a{color:#7d787e; text-decoration:none; padding:0 0 50px 0; outline:none;}
    #nav ul li a:hover, #nav ul li.selected a{color:#532e63;}
    #nav ul li.selected a{background:url(../userfiles/images/structure/bird.png) left bottom no-repeat;}

/****************
SUBNAV
****************/
    #subNavWrapper{float:left; width:200px;}
    #subNav{width:180px; margin:9px 20px 0 0; padding:0;}
    #subNav ul{list-style:none; margin:0; padding:0;}
    #subNav ul li{margin:0 0 10px 0; padding:0;}
    #subNav ul li a{color:#532e63; text-decoration:none; display:block;}
    #subNav ul li a:hover{color:#916d00;}
    #subNav ul li a.selected{color:#916d00; text-decoration:underline;}
    
    #subNav ul li li{font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 0 15px; padding:6px 0; background:url(../userfiles/images/structure/hr-dotted-ltpurple.gif) left bottom repeat-x;}
    #subNav ul li li a{color:#532e63; text-decoration:none; margin:0; padding:0 0 0 30px;}
    #subNav ul li li a:hover, #subNav ul li li a.selected{color:#916d00; text-decoration:none;}
    #subNav ul li li a.selected{background:url(../userfiles/images/structure/subnav-bullet.png) left 3px no-repeat;}
   
/********************
PRODUCT FEATURE LINKS
********************/
	#productFeatureLinks{width:160px; margin:60px 0 0 0;}
	#productFeatureLinks ul{list-style:none; margin:0px 0 0 0; padding:10px 0 0 0; background:url(../userfiles/images/structure/hr-dotted-purple.gif) left top repeat-x;}
    #productFeatureLinks ul li{margin:0 0 10px 0; padding:0 0 24px 0; background:url(../userfiles/images/structure/hr-dotted-purple.gif) left bottom repeat-x;}
    #productFeatureLinks p{font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:3px 0 0 0;}

    #productFeatureLinks h2 a{font-size:11px;display:block;}
    .heading{font-size:14px;}
    .small{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase;}
 
/****************
SHOW/HIDE SUBNAV
****************/
    #subNav ul ul{display:none;}
    #subNav ul ul.selected{display:block;}

/****************
CONTENT
****************/
#ctl03{height:100%;}

#contentWrap{padding:0 0 0 60px;}
#mainContent{width:610px; margin:50px 0 20px 0; float:left;}

    #content{float:left; margin:0; padding:0; width:380px;}
    #content .textBlock{margin-bottom:30px; padding:0;}
	.productCount{color:#999; font-size:10px; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}



    #features{float:left; width:550px; margin:0 0 10px -4px; padding:0;}
    #features ul{list-style:none; margin:0; padding:0;}
    #features ul li {color:#FFF; position:relative; margin:0 10px 5px 0; padding:20px 27px 43px 23px; float:left; background:url(../userfiles/images/structure/img-bkgd_200_brown.png) left top no-repeat; overflow:hidden;}
    /*#features ul li h2.highlight{font-weight:bold; margin:0 0 4px 0;}*/
    #features ul li a {display:block; margin:0; padding:0; text-decoration:none; background:none;}
    #features ul li a h2 {color:#EEE; padding-left:13px; background:url(../userfiles/images/structure/bullet-linkaccent-home.png) left 5px no-repeat;}
    #features ul li a:hover h2{color:#FFF; background:url(../userfiles/images/structure/bullet-linkaccent-home_f2.png) left 5px no-repeat;}
    #features ul li p{color:#EEE; margin:0 0 0 13px;}
    #features ul li a .featureImage{margin:0; padding:0;}
    #features ul li a .featureText {position:absolute; width:184px; left:23px; bottom:46px; padding:6px 6px 8px 10px; background:url(../userfiles/images/structure/featurenav-textbkgd.png) left top repeat;}
    #features ul li a .featureText:hover{background:url(../userfiles/images/structure/featurenav-textbkgd_f2.png) left top repeat;}

    #sectionNav{float:left; width:550px; margin:10px 0 0 0; padding:0;}
	#productImage{margin:0 0 10px -4px; padding:0;}
    #sectionNav ul,
      #productImage ul{list-style:none; margin:0; padding:0;}
    #sectionNav ul li,
      #productImage ul li{width:227px; height:211px; margin:0 10px 5px 0; padding:20px 0 22px 23px; float:left; background:url(../userfiles/images/structure/img-bkgd_200.png) left top no-repeat;}
    #sectionNav ul li a,
      #productImage ul li a{color:#FFF;}
    #sectionNav ul li a .sectionImage,
      #productImage ul li a .sectionImage{z-index:10; position:relative;}
    #sectionNav ul li a .sectionText,
      #productImage ul li a .sectionText{z-index:500; position:relative; display:block; width:190px; height:40px; margin:-53px 0 0 0; padding:5px; background:url(../userfiles/images/structure/sectionnav-textbkgd.png) left top repeat;}
    #sectionNav ul li a:hover .sectionText,
      #productImage ul li a:hover .sectionText{background:url(../userfiles/images/structure/sectionnav-textbkgd_f2.png) left top repeat;}
    
    #productList{margin:6px 0; padding:0; background:url(../userfiles/images/structure/hr-dotted-purple.gif) left top repeat-x;}
    #productList table{width:100%;}
    #productList .productListItem{margin:0; padding:2px 0 1px 0 !important; background:url(../userfiles/images/structure/hr-dotted-purple.gif) left bottom repeat-x;}
    #productList .productListItem h2{margin:3px 0 0 0; padding:0;}
    #productList .productListItem p{margin-left:13px;}
    #productList .productListItem img{margin-top:5px;}
    
	.crossSellDisplay td {vertical-align:top; padding:1px 0 0 0;}
	.crossSellDisplay table {width:100%;}
	.crossSellDisplay .price {float:right;}
	.crossSellDisplay h2 {width:80%; float:left;}
	.crossSellDisplay h2 a {display:block;}
	.list ul {list-style:none;}
	.list {margin-top:1em;}

/****************
PAGING
****************/
	.paging{margin:10px 0 0 0; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
    .productTotal{font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left;}
	.pagingNav{text-transform:uppercase; float:right;}
    .pagingNav a.previous{margin:0 3px 0 0; padding:0 5px 0 13px; border-right:solid 1px #CCC; background:url(../userfiles/images/structure/bullet-linkaccent-left.png) left 3px no-repeat;}
    .pagingNav a.previous:hover{background:url(../userfiles/images/structure/bullet-linkaccent-left_f2.png) left 3px no-repeat;}
    .pagingNav a.next{padding:0 13px 0 0; background:url(../userfiles/images/structure/bullet-linkaccent.png) right 3px no-repeat;}
    .pagingNav a.next:hover{background:url(../userfiles/images/structure/bullet-linkaccent_f2.png) right 3px no-repeat;}
   
    .productThumb {display:inline; float:left; margin:0 20px 10px 0;}
    a.productThumb img {border:solid 1px #BBB;}
    a.productThumb:hover img{border:solid 1px #7d787e;}
    .productSummary{margin:0 10px 0 120px;}
    .productSummary h2 a{display:block;}
    .productSummary p{margin:4px 0;}
    .productSummary .price{margin:0; font-weight:bold;}
    
/****************
ADD PRODUCT BTN
****************/
    .productSummary .addProduct{margin:12px 0 8px 13px;}
    .addProduct a{font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 18px 0 0; background:url(../userfiles/images/structure/shopping-cart.png) right 2px no-repeat;}
    .addProduct table{margin:0 0 15px 0;}
    .addProduct td span{font-weight:bold; display:block;}
    .attributes td span{font-weight:bold;}
    
/****************
ADD PRODUCT BTN
****************/
    .Author, .Edition, .Price, .Artist{margin:2px 0 2px 60px;}
    .Price{margin:2px 0 10px 60px;}
    .Author strong, .Edition strong, .Price strong, .Artist strong{margin-left:-60px; display:block; float:left;}
    .ShortDescription{font-weight:bold; margin:10px 0 8px 0;}
    .ShortDescription strong{float:left; display:none}
	.Description{margin:2px 0 14px 0;}
	.Description strong{display:none;}
    
#sideContent{width:320px; margin:0 0 20px 0; padding:0; float:left;display:inline;}
    
/****************
BREADCRUMBS
****************/
    #breadcrumbs{float:left; margin:10px 0 0 -5px; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif;}
    #breadcrumbs li{font-size:11px; margin:0; padding:0; float:left;}
    #breadcrumbs li a{margin:0 2px 2px 5px; padding:0;}
/*  #breadcrumbs li a:hover{color:#532e63;}*/

/****************
SEARCH
****************/
    #search{width:150px; margin:30px 30px 0 0; text-align:right; float:right; display:inline;}
    #search table{margin:2px 0; float:right; border-collapse:collapse;}
    #search table td label{font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-left:3px;}


#search td {
	padding:3px 0 3px 6px;
	font-family:sans-serif;
	vertical-align:middle;
	color:#7D787E;
	font-size:10px;
	
}

/****************
SHOPPING CART
****************/
    .shoppingCart{width:150px; margin:62px 0 0 0; float:left;}
    .shoppingCart a{font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 18px; background:url(../userfiles/images/structure/shopping-cart.png) left 1px no-repeat;}
    .shoppingCart a:hover{text-decoration:none;}
    .checkoutBody table {width:100%;}
    .checkoutBody td .header {text-align:left; font-weight:bold; margin:1em 0; font-size:1.4em;}
    .checkoutBody .productListItem {margin:0 0 10px 0; clear:both; background:url(../userfiles/images/structure/hr-dotted-ltpurple.gif) left bottom repeat-x;}
    .checkoutBody .productListItem:after {content:'.'; visibility:hidden; height:0%; clear:both; display:block;}
    .checkoutBody .productDescription {color:#7D787E; margin:0 10px 0 120px; font-size:13px; text-transform:none; padding:0 0 0 13px; background:url(../userfiles/images/structure/bullet-linkaccent.png) 0px 5px no-repeat;}
    .checkoutBody .productDescription .productTotal {float:none; display:inline;}
    .checkoutBody .productDescription .productUpdate {margin:8px 0 0 0;}
    .checkoutBody .productThumb {margin:0;}
    .checkoutBody label {width:65px; float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}
    .checkoutBody a {margin-bottom:6px; display:block;}
    .checkoutBody p {margin:0;}
    .checkoutBody strong {display:block; margin:0.5em 0; color:#7D787E;}
    .checkoutBody .orderEmail .header {margin:0 0.5em 0 0; display:inline; font-size:1em;}
    .checkoutBody .orderEmail .contactMe{margin:10px 0;}
    .checkoutBody .orderEmail .contactMe p{margin:-18px 0 0 20px; float:left; display:block;}
    .checkoutBody  a.orderContinueLink {text-align:right; margin:20px 0 0 0; padding:0 13px 0 0; background:url(../userfiles/images/structure/bullet-linkaccent.png) right 5px no-repeat; display:block;}
    .checkoutBody  a.orderContinueLink:hover {background:url(../userfiles/images/structure/bullet-linkaccent_f2.png) right 5px no-repeat;}
    .cartPriceSummary {margin:10px 0 15px 0;}
    .cartPriceSummary label {font-size:12px; font-family:inherit; font-weight:bold; text-transform:none; width:90px; display:block; float:left;}
    .checkoutMiddle input, .checkoutMiddle select {display:block; width:180px;}
    .checkoutMiddle .checkoutlabel {}
    .checkoutMiddle td {padding:0.5em 0.2em 0 0;}
    .orderShipAddress {margin:1em 0;}
    .cartSubtotal {margin:4px 0 10px 0; display:block;}
    .checkoutBottom table{margin:4px 0;}
    .checkoutBottom td{margin:4px 0;}
    .checkoutBottom td input{margin:0 3px 0 0; float:left;}
    .checkoutBottom td label{width:auto; float:left;}
    .checkoutBottom td a{font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:2px 0 0 2px;}
    .checkoutBottom textarea{margin:4px 0 10px 0;}
    
    .addConfirm, .addDeny {font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 8px; padding:0 13px 0 0; background:url(../userfiles/images/structure/tick.png) right 1px no-repeat;}
	.addDeny {padding:0 15px 0 0; background:url(../userfiles/images/structure/cross.png) right 2px no-repeat;}
    
    /* receipt */
    .orderReceipt .header {font-weight:bold; margin-bottom:5px;}
    .orderReceipt .orderReceiptAddress {margin-bottom:15px;}
    .orderReceipt .receiptDisplay {margin-bottom:10px;}
    .receiptDisplay table {border-spacing:0; margin-bottom:20px; width:100%}
    .receiptDisplay th {text-align:left; padding:3px; border-bottom:solid 2px #532E63; }
    .receiptDisplay td {text-align:left; padding: 3px 10px 0 0; border-bottom:solid 1px #532E63; vertical-align:top;}
    .receiptDisplay .itemQuantity {text-align:right;}

    #content .shoppingCart{background:#532E63;  margin:15px 0 15px; padding:3px 0 3px 5px; float:left; width:140px;}
    #content .shoppingCart:hover{background:#916D00;}
    #content .shoppingCart a{background:url(/userfiles/images/structure/shopping-cart-white.png) 0 1px no-repeat; color:#fff;}

/****************
AUTO ANGELS
****************/
	#autoAngels{margin:10px 0 40px 0;}
    #autoAngels .textBlock {
		font-size:11px;
		width:149px;
		min-height:94px;
		padding:80px 75px 0 96px;
		background: url(../userfiles/images/structure/autoangel-bkgd-top.jpg) left top no-repeat;
	}
    #autoAngels .textBlock h3{font-family:Arial, Helvetica, sans-serif; color:#916d00; font-size:12px; margin:0 0 3px 0;}
    #autoAngels .textBlock p{font-size:11px; margin:0 0 3px 0;}
    #autoAngels .btm{height:63px; margin-top:-15px; padding:0 0 0 92px; background:url(../userfiles/images/structure/autoangel-bkgd-btm.jpg) left bottom no-repeat;}

/****************
KEYWORDS (TAGS)
****************/
	#keywords{margin:-110px 0 0 10px; padding:110px 0 60px 40px; width:251px; background:url(../userfiles/images/structure/vr-dotted-purple.gif) left top repeat-y;}
    #keywords .top{height:50px; background:url(../userfiles/images/structure/keywords-bkgd-top.png) left top no-repeat;}
    #keywords .mid{margin:-30px 0; padding:0 20px; background:url(../userfiles/images/structure/keywords-bkgd-mid.png) left top repeat-y;}
    #keywords .btm{height:56px; background:url(../userfiles/images/structure/keywords-bkgd-btm.png) left top no-repeat;}
	#keywords a{
    color:#635171;
}
    #keywords a:hover{
    color:#7D5F00;
}
    
/****************
DIRECTORY
****************/
	#directory{}
    #directory h2{font-size:15px;}
	#directory h2.handle{cursor:pointer; padding:4px 0; background:url(../userfiles/images/structure/hr-dotted-purple.gif) left top repeat-x;}
	#directory h2 div{color:#7d787e; display:block; padding:0 0 0 13px; background:url(../userfiles/images/structure/bullet-linkaccent.png) 0px 5px no-repeat;}
	#directory h2 div:hover{color:#916D00; background:url(../userfiles/images/structure/bullet-linkaccent_f2.png) 0px 5px no-repeat;}
	#directory label{font-size:0.8em; text-transform:uppercase;}
	#directory hr{margin:2px 0; background:none;}
    #directory .directoryItem a{padding:0 0 0 13px; background:url(../userfiles/images/structure/bullet-linkaccent.png) 0px 5px no-repeat;}
    #directory .directoryItem a:hover{background:url(../userfiles/images/structure/bullet-linkaccent_f2.png) 0px 5px no-repeat;}
    #directory .directoryItem .name{width:170px; margin:0 0 0 13px; float:left;display:inline;}
    #directory .directoryItem .details{margin:0 0 0 190px; width:186px; padding-bottom:10px;}
    #directory .directoryItem .description{margin:0 0 5px 13px; padding-bottom:10px;}
	#directory .directoryItem p {margin:0 0 10px 0;}
	#directory .directoryItem ul {list-style:none;}
	#directory .directoryItem li {margin-left:0;}

    .link a{padding:0 0 0 13px; background:url(../userfiles/images/structure/bullet-linkaccent.png) 0px 5px no-repeat;}
    
	#directory .directoryItem .relatedCrystals a {
		background:none;
		padding:0;

	}
/****************
LOCATION MAP
****************/
	#map{width:360px; height:380px; margin:15px 0; border:solid 1px #666;}

/****************
FOOTER
****************/
#footer{font-family:Arial, Helvetica, sans-serif; width:1020px; height:35px; margin:-35px auto 0 auto; padding:0 0 1px 0; clear:both;}
#footer .footleft{float:left; width:470px; margin:4px 0 0 60px;display:inline;}
#footer .footright{float:left; width:470px; text-align:right; margin:5px 0 0 0;display:inline;}

    #utils{list-style:none; margin-right:20px; width:100%;}
    #utils li{float:right;}