/* Various body layouts		*/
	body			{font-family: "Trebuchet MS", "Trebuchet", "Arial"; font-size: 12pt;
				 color: #505050; background-color: transparent; }
				 /*old color: 787878*/
	body.popup		{font-family: "Arial"; color: #101010; font-size: 12pt; margin-top: 5px; margin-left: 5px;
				 background-image: url("http://www.dallasjools.com/images/logo_200x400_tiled_bg.jpg");
				 background-repeat: repeat; background-attachment: fixed;}
	body.admin		{font-family: "Arial"; color: #101010; background-color: #ffffff;
				 font-size: 12pt; margin-top: 0px; margin-left: 0px;
				 left: 0px; width: auto; }
	body.email		{font-family: "Trebuchet MS", "Trebuchet", "Arial"; color: #000000; background-color: #ffffff;
				 font-size: 14pt; margin-top: 0px; margin-left: 0px; 
				 left: 0px; width: auto;}

/* Jools link style		*/
	a:link			{color: #e900e7; font-style: normal; font-weight: bold; text-decoration: none}
	a:visited		{color: #e900e7; font-style: normal; font-weight: bold; text-decoration: none}
	a:hover			{color: #98cb00; font-style: normal; font-weight: bold; text-decoration: underline}
	a:active		{color: #98cb00; font-style: normal; font-weight: bold; text-decoration: none}

	a.weak:link		{color: #e900e7; font-style: normal; font-weight: normal; text-decoration: none}
	a.weak:visited		{color: #e900e7; font-style: normal; font-weight: normal; text-decoration: none}
	a.weak:hover		{color: #98cb00; font-style: normal; font-weight: normal; text-decoration: underline}
	a.weak:active		{color: #98cb00; font-style: normal; font-weight: normal; text-decoration: none}

	a.dead:link		{color: #777777; font-style: normal; font-weight: normal; text-decoration: none}
	a.dead:visited		{color: #777777; font-style: normal; font-weight: normal; text-decoration: none}
	a.dead:hover		{color: #AAAAAA; font-style: normal; font-weight: normal; text-decoration: underline}
	a.dead:active		{color: #AAAAAA; font-style: normal; font-weight: normal; text-decoration: none}

/* Used to center all content	*/
	.centered		{margin-top: 0px; margin-left: 0px; position: absolute; left: 50%; width: 400px;}

/* Various text layouts		*/
	h1			{font-size: 18pt; font-weight: bold;}
	h2			{font-size: 14pt; font-weight: bold;}
	.title1			{font-size: 18pt; font-weight: bold; color: #000000;}
	.title2			{font-size: 14pt; font-weight: bold; color: #000000;}
	.small_text		{font-size: 9pt; font-style: normal;}
	.medium_text		{font-size: 11pt; font-style: normal;}
	.note			{font-size: 9pt; font-style: italic;}
	.scroll_text		{overflow: auto; }
	p			{text-indent: 25px;}

/* Features common to many pages	*/
	.nav			{position: absolute; top: 43px; left: -120px; width: 500px; z-index: 1;}
	.search_new		{position: absolute; top: 79px; left: 325px; color: #dd2200; font-size: 7pt; z-index: 1;}
	input.nav_search_box_x	{position: absolute; top: 78px; left: 170px; width: 150px; z-index: 1; 
				color: #aaaaaa; border: thin solid #777777;}
	input.nav_search_box	{position: absolute; top: 78px; left: 170px; width: 150px; z-index: 1;
				color: #000000; border: thin solid #777777;}
	.search_no_results	{position: absolute; top: 250px; left: -150px; width: 300px; text-align: center;
				color: #e900e7; font-size: 14pt; z-index: 1;}
	img.checkout_button	{position: absolute; top: 10px; left: 170px; z-index: 1;
				 vertical-align: middle; text-align: left;}
	tr.bg_p			{background-color: rgb(233, 140, 233); }
	tr.bg_g			{background-color: rgb(182,203,121); }
	img.background		{position: absolute; left: -400px; top: 0px; z-index: 0; }
	img.frame		{border: thin solid rgb(0,0,0); }
	img.framePink		{border: medium solid rgb(233,140,233); }
	img.frameGreen		{border: medium solid rgb(182,203,121); }
	img.link		{cursor: pointer; }
	table.content		{position: absolute; top: 150px; left: -360px; width: 720px; height: 290px; z-index: 1;
				 overflow: hidden;}
	table.hide		{position: absolute; top: 1000px; left: -400px;}
	/* wide L and R buttons, with another button possibly between */
	img.nav_left_a		{position: absolute; top: 425px; left: -42px; z-index: 1; cursor: pointer; }
	img.nav_right_a		{position: absolute; top: 425px; left: 315px; z-index: 1; cursor: pointer; }
	img.nav_button_browse	{position: absolute; top: 425px; left: 60px; z-index: 1; cursor: pointer; }
	img.nav_button_back	{position: absolute; top: 425px; left: 60px; z-index: 1;; cursor: pointer; }
	/* close together L and R buttons */
	img.nav_left_b		{position: absolute; top: 425px; left: 250px; z-index: 1; cursor: pointer; }
	img.nav_right_b		{position: absolute; top: 425px; left: 315px; z-index: 1; cursor: pointer; }

/* Tab Type page		*/
	img.tab_selector	{position: absolute; top: 135px; left: -380px; z-index: 1;}
	table.tab_selector	{position: absolute; top: 155px; left: -380px; z-index: 1;}
	td.tab_selector		{height: 25px; width: 130px; text-align: center; }
	table.tab_content	{position: absolute; top: 190px; left: -360px; width: 720px; height: 275px; z-index: 1;
				 font-size: 12pt; font-weight: normal;}
	.tab_text		{font-size: 12pt; font-weight: normal; cursor: pointer; z-index: 2;}

/* Main page			*/
	.bottom_info		{position: absolute; top: 500px; left: -400px; width: 800px; z-index: 1;
				 text-align: center;}
	img.promo		{position: absolute; top: 159px; left: 129px; z-index: 2;}
	input.promo		{position: absolute; top: 162px; left: 128px; z-index: 2;}

/* Checkout page */
	.page_title		{position: absolute; top: 140px; left: -350px; z-index:1;
				 font-size: 14pt; font-weight: bold; }
	.cart_contents		{position: absolute; top: 180px; left: -350px; width: 700px; height: 240px;
				 overflow: auto; border: thin solid #777777; }
	.cart_buttons		{position: absolute; top: 440px; left: 0px; width: 350px;
				 text-align: right; }

/* Artist Thumbs page		*/
	table.thumbnails	{position: absolute; top: 159px; left: -280px; z-index: 1;}
	td.thumb-label		{font-size: 15pt;}

/* Artist View page		*/
	table.nav_artist	{position: absolute; top: 415px; left: -42px; z-index: 1}
	table.artist_name	{position: absolute; top: 415px; left: -400px;  z-index: 1;
				 font-size: 18pt; font-style: italic; font-weight: bold; letter-spacing: -1px;}
	table.artist_photo	{position: absolute; top: 159px; left: -400px; z-index: 1}
	.artist_statement	{position: absolute; top: 159px; left: -42px; width: 392px; height: 245px; z-index: 1; 
				 text-align: left; font-size: 12pt; font-weight: normal; overflow: auto;}

/* Jewelry View page		*/
	table.hide		{position: absolute; top: 1000px; left: 0px;}
	table.item_photo	{position: absolute; top: 159px; left: -362px; z-index: 1; font-size: 15pt; font-weight: bold;}
	table.item_description	{position: absolute; top: 159px; left: -42px; z-index: 1; font-size: 11pt; font-weight: bold;}
	.small_header		{font-weight: normal;}
	.sold_color		{color: #e900e7;}
	.available_color	{color: #98cb00;}

/* Classes page			*/
	.signup			{position: absolute; top: 450px; left: -120px; width: 450px; z-index: 2;
				 text-align: center; font-size: 12pt; }

/* List Type page		*/
	.list_title		{position: absolute; top: 130px; left: -380px; width: 220px; height: 30px; z-index: 1; 
				 text-align: center; vertical-align: bottom; background-color: transparent;}
	.list_small		{position: absolute; top: 175px; left: -370px; width: 200px; height: 290px; z-index: 1;
				 text-align: left; font-size: 10pt; overflow: auto; background-color: transparent;}
	.list_med		{position: absolute; top: 175px; left: -370px; width: 200px; height: 290px; z-index: 1;
				 text-align: left; font-size: 12pt; overflow: auto; background-color: transparent;}
	.list_description	{position: absolute; top: 250px; left: -120px; height: 205px; width: 450px;
				 font-size: 12pt; overflow: auto; }
	/* Table for info about the list item */
	table.info		{position: absolute; top: 135px; left: -120px; height: 105px; z-index: 1;
				 text-align: left; overflow: auto; }
	.thumbnail		{position: absolute; top: 135px; left: 210px; width: 138px; height: 110px; z-index: 2;
				 text-align: center;}
	.related		{position: absolute; top: 450px; left: -120px; width: 450px; z-index: 2;
				 text-align: right; font-size: 10pt;}
