html,body { background: white; text-align: center; font-family: Arial, Helvetica, sans-serif; color: black; height: 100%; background-image: url(../images/purple_bg.gif); }

.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; visibility: hidden; }

#container { background-image: url(../images/topGrad.gif); background-repeat: repeat-x; }
#frame { width: 900px; margin: 0 auto; text-align: left; }

#header { height: 83px; }
	#header img { display: block; }
	#header div.logo { float: left; }
	#header ul.extra { float: right; }
	#header ul.extra li { float:left; }

#navigation { height: 24px; }
	#navigation a { float: left; height: 24px; color: transparent; font-size: 0px; line-height: 0px; text-decoration: none; }
	
	#navigation a.artist-profile { background-image: url(../images/nav2/artist-profile.gif); width: 111px; }
	#navigation a.artist-profile:hover { background-image: url(../images/nav2/artist-profile-up.gif); }
	
	#navigation a.jewelry { background-image: url(../images/nav2/jewelry.gif); width: 77px; }
	#navigation a.jewelry:hover { background-image: url(../images/nav2/jewelry-up.gif); }
	
	#navigation a.special-events { background-image: url(../images/nav2/special-events.gif); width: 127px; }
	#navigation a.special-events:hover { background-image: url(../images/nav2/special-events-up.gif); }
	
	#navigation a.stores { background-image: url(../images/nav2/stores.gif); width: 70px; }
	#navigation a.stores:hover { background-image: url(../images/nav2/stores-up.gif); }
	
	#navigation a.press { background-image: url(../images/nav2/press.gif); width: 59px; }
	#navigation a.press:hover { background-image: url(../images/nav2/press-up.gif); }
	
	#navigation a.sample-sale { background-image: url(../images/nav2/on-sale.gif); width: 80px; }
	#navigation a.sample-sale:hover { background-image: url(../images/nav2/on-sale-up.gif); }
	
	#navigation a.contact { background-image: url(../images/nav2/contact.gif); width: 88px; }
	#navigation a.contact:hover { background-image: url(../images/nav2/contact-up.gif); }
	
	#navigation a.customer-service { background-image: url(../images/nav2/customer-service.gif); width: 151px; }
	#navigation a.customer-service:hover { background-image: url(../images/nav2/customer-service-up.gif); }
	
	#navigation a.view-cart { float: right; background-image: url(../images/nav2/view-cart.gif); width: 89px; }
	#navigation a.view-cart:hover { background-image: url(../images/nav2/view-cart-up.gif); }

#shadowframe1 { padding-bottom: 11px; width: 924px; margin: 0 auto; background-image: url(../images/bottomShadow.png); background-position: bottom; background-repeat: no-repeat; }
#shadowframe2 { padding-left: 10px; background-image: url(../images/sideShadows.png); background-repeat: repeat-y; }
html* #shadowframe2 { padding-left: 0px; }
#contentframe { width: 900px; text-align: left;}

#content { background-color: white; background-image: url(../images/paperPat.gif); }

#footer { width: 900px; margin: 0 auto; font-size: 0.8em; color: black; padding-bottom: 60px; }
	#footer a { color: black; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	#footer div.credit { float: left; }
	#footer div.links { float: right; }

.general-table { width: 100%; }
.general-table td.field input { border: solid 1px #b5b5b5; padding: 5px; color: black; }
.general-table td.field textarea { border: solid 1px #b5b5b5; padding: 5px; color: black; }

ul.system-error-list { padding-top: 15px; }
ul.system-error-list li.error { background-color: #f4e8eb; border: solid 1px #c68e99; padding: 5px; margin-bottom: 10px; }
ul.system-error-list li.success { background-color: #dff0dc; border: solid 1px #60af51; padding: 5px; margin-bottom: 10px; }

div.pagination { clear: both; padding: 10px; text-align: center; }
div.pagination a { margin: 0 5px 0 5px; padding: 2px 4px 2px 4px; background-color: #fff; border: solid 1px #ccc; color: #e5b5e9; text-decoration: none; }
div.pagination a:visited { color: #777; }
div.pagination a.selected { font-weight: bold; color: #000; }
/** PAGE: Special Events **/
.events-header {}
.events-frame { background-image: url(../images/pages/events-bg.gif); background-repeat: repeat-y; color: #999999; }
.events-left { float: left; width: 157px; padding: 15px; }
	.events-left h2 { font-size: 1.8em; color: #cccccc; }
	.events-left ul { padding-left: 10px; }
	.events-left ul li { padding: 3px 0 3px 0; }
	.events-left ul li a { color: #999999; font-size: 0.9em; font-weight: bold; text-decoration: none; }
.events-right { float: right; width: 683px; padding: 15px; }
	.events-right h1 { font-size: 1.9em; color: #cccccc; }

.event { clear: both; padding-top: 10px; }
	.event img { float: left; width: 200px; height: 200px; padding-right: 10px; }
	.event h3 { color: #77527d; font-weight: bold; }
	.event span.date { color: #676767; font-weight: bold; display: block; font-size: 0.75em; }
	.event p { color: #676767; font-size: 0.75em; padding-top: 5px; }
	
/* PAGE: Customer Service */
.customer-service-content { font-size: 0.75em; color: #676767; padding-top: 10px; }
.customer-service-content p { padding-bottom: 15px; }

/* PAGE: Press */
.press-spacer { background-image: url(../images/pages/press-spacer.gif); height: 36px; line-height: 36px; color: #999999; font-size: 1.3em; padding-left: 15px; }
.press-list-container { padding: 15px 0px 25px 25px; }
.press-list li { float: left; padding-right: 25px; text-align: center; font-size: 0.75em; }
.press-list li a { display: block; text-align: center; padding-top: 10px; color: #676767; text-decoration: none; }
.press-list li a:hover { color: black; }

/* PAGE: Contact Us */
.contact-us { font-size: 0.75em; color: #676767; }
.contact-us-left { float: left; width: 177px; padding: 15px; }
.contact-us-right { float: right; width: 663px; padding: 15px; }
.contact-us a { color: #78427e; text-decoration: none; }
.contact-us a:hover { text-decoration: underline; }
.contact-us h2 { font-size: 1.55em; font-weight: normal; padding-bottom: 5px; color: #cccccc; }
.contact-us .general-table td.label { padding-bottom: 5px; padding-top: 10px; }
.contact-us .general-table td.field input { width: 210px; }
.contact-us .general-table td.field textarea { width: 419px; }
.contact-us .general-table td.action { text-align: right; }
.contact-us .general-table td.newsletter input { vertical-align: middle; }
.contact-us .general-table td.action, .contact-us .general-table td.newsletter { padding-top: 10px; vertical-align: middle; } 

/* PAGE: Locations */
.location-list-container { padding: 15px 0px 25px 25px; color: #999; }
.location-list li { font-size: 0.75em; }
.location-list li h2 { font-size: 1.3em; padding-bottom: 10px; color: #666; }
.location-list li p.location-item { padding-bottom: 10px; border-bottom: solid 1px #eee; margin-bottom: 10px; }
.location-list li.spacer { width: 900px; font-size: 0px; line-height: 0px; height: 0px; }

/* PAGE: Jewelry */
.products-container { width: 100%; background-image: url(../images/pages/products-list-bg.gif); padding-bottom: 20px; }
.products-left { float: left; width: 152px; color: #676767; }
.products-left p.controls { text-align: center; font-size: 0.9em; color: #999; font-weight: bold; }
.products-left table.controls-table { width: width: 132px; margin: 0 10px 0 10px; margin-top: 10px; }
.products-left table.controls-table td.label { padding-top: 10px; padding-bottom: 5px; font-size: 0.75em; }
.products-left table.controls-table td.field input { width: 118px; border: solid 1px #b5b5b5; padding: 5px; color: black; }
.products-left table.controls-table td.field select { width: 130px; border: solid 1px #b5b5b5; padding: 5px; color: black; }
.products-left table.controls-table td.field select option { font-size: 0.9em; height: 1.35em; }
.products-left table.controls-table td.field textarea { border: solid 1px #b5b5b5; padding: 5px; color: black; }
.products-left table.controls-table td.action { padding-top: 10px; }
.products-right { float: right; width: 747px; }
.products-list-container { padding: 15px 0px 15px 8px; }
.products-list li { float: left; padding-right: 10px; text-align: center; font-size: 0.75em; }
.products-list li.rowClear { width: 722px; font-size: 0px; line-height: 0px; height: 0px; }
.products-list li a { display: block; width: 131px; overflow: hidden; padding: 1px 0 10px 4px; text-align: center; color: #676767; text-decoration: none; background-image: url(../images/pages/thumbnail-frame.gif); background-repeat: no-repeat; }
.products-list li a:hover { color: black; }
.products-list li a img { float: left; width: 130px; height: 130px; padding-bottom: 5px; }
.products-list li a span { display: block; padding-top: 5px; font-size: 0.85em; }

/* PAGE: Product Detail */
.product-detail-container { background-image: url(../images/pages/product-detail-bg.gif); }
.product-details { float: left; width: 568px; padding: 15px; }
.product-header { float: left; border-bottom: solid 1px #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.product-header h1 { float: left; width: 440px; color: #7a5580; font-size: 1.6em; }
.product-header h2 { float: left; width: 440px; color: #777; font-size: 0.8em; font-weight: normal; }
.product-header h3 { float: right; width: 128px; font-size: 1.6em; color: #999; text-align: right; }
.product-companions { float: right; width: 286px; }
.product-companions div.products-list-container { padding: 0px !important; }
.product-companions div.products-list-container ul.products-list li { padding: 0 5px 0 0 !important; }
.product-companions div.products-list-container ul.products-list li a { width: 132px; background-image: none !important; padding: 0px; }
.product-companions div.products-list-container ul.products-list li a img { border: solid 1px #ccc; }
.product-image { float: left; background-image: url(../images/pages/medium-frame.gif); width: 294px; height: 299px; padding: 1px 0 0 6px; }
.product-info-list { float: right; width: 260px; font-size: 0.8em; }
.product-detail-altimg { float: left; margin-top: 5px; margin-left: 2px; width: 131px; height: 124px; padding: 1px 0 10px 4px; background-image: url(../images/pages/thumbnail-frame.gif); background-repeat: no-repeat; }

/* Inline ADMIN Controls */
#admin_listing_url { padding: 10px; margin: 10px; border: solid 1px #eee; font-size: 0.8em; color: #999; }