/* Layout Stylesheet */ 
 
body {	margin-top: 30px; margin-bottom:30px; text-align:center; background-image: url(images/Grid_BG.png);}
.page_container {	margin: 4em auto;	text-align: left;	background-image: url(images/spacer.gif);	width: 650px; height:600px; max-width:650px;}  
.ML_page_container {	margin: 0 auto;	text-align: left;	background: #fff;	width: 650px; height:200px;	 
}  
.body_container {	margin: 0 auto;	text-align: center;		background: #fff;	width: 650px; height:auto; max-width:650px;} 

.thanks_container {	margin: 0 auto;	text-align: center;		background: #fff;	width: 650px; height:50px;  }

.header  {margin: 0 auto;text-align: center;width: 650px;height: 60px;padding: 0px; max-width:650px;}
.navbar  {position: relative; float: right; margin: 0 15px 0 0px;width: 295px;height: 42px;padding:20px 0px 0px 20px; max-width:300px; clear:left;
}
.body_holder {
	margin:30px 0 0 0px;
	width: 650px;
	height:auto;
	max-width:650px;
	clear: both;
	
} 

.bodyText { font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
	text-align:center;
	background: #fff;
	width:590px;
	max-width:650px;
	height:auto;
	border:thin #CC0033 outset;
	margin:0 0 0 30px;
	
	
  }

.logo  {text-align:center; width: 650px; height:60px; margin: 0px 0px 0px 0px; padding:0px 0 0px 0;}

.indexBanner {width:600; height:65; margin:0 0 10px 0px; text-align:center;
}

.indexTag {width:650; height:50; margin: 10px 0 -30px 8px; text-align:center; font-family:"American Typewriter"; font-size:17px; color:#CC0033;
}

.Twitbox {width:550px; height:350px; vertical-align:middle; text-align: left; font-size: 18px; margin:-20px 0px 0px 40px; padding:50px 10px 10px 25px; background-image:url(images/TWTR_Box-BG.jpg); background-repeat:no-repeat;
}

.rule  { 
	color:#CC0033;
	max-width:650px;
	margin:10px, 0px 10px, 105px;
	padding:10px, 0px 10px, 35px;
	clear: both;
	
}

.headline {text-align:left; margin: 0 0 0 36px; padding:0 0 0 0px;font-family:Verdana; color: #CC0033; font-size: 18px; font-weight:bold;}
.subHeadline {text-align:left; margin: 5px 0 0 27px; padding:0 0 0 0px;font-family: Arial, Verdana, sans-serif; color: #CC0033; font-size: 17px; font-weight:bold;}

.textLeft_l_align {
	
	display:block;
	float:left;
	clear:right;
	width: 255px;
	height:375px;
	text-align:left;
	white-space:wrap;
	font-family: "American Typewriter";
	font-size:14px;
	color:#c03;
	padding: -5px 5px 0 5px;
	margin: 5px 0 0 34px;
}

.textRight_r_align {
	display:block;
	float:right;
	clear:left;
	width: 250px;
	height:300px;
	text-align:right;
	white-space:wrap;
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	color:#c03;
	padding: 3px 40px 0 0px;
}
.textRight_l_align {
	display:block;
	float:right;
	clear:left;
	width: 250px;
	height:300px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size:18px;
	line-height:22px;
	color:#c03;
	padding: 3px 40px 0 0px;
}
.textL {
	display:block;
	float:left;
	clear:left;
	text-align:left;
	width:110px;
	height:80px;
	padding:0 0 0 0px;
	margin: 0px 0 0 7px;
}
	
.textR {
	display:block;
	float:right;
	clear:right;
	text-align:right;
	width:160px;
	height:80px;
	padding:0 0 0 0px;
	margin: 0 5px 0 0px;
	color:#CC0033;
	font-family:Arial, Helvetica, sans-serif;
}	

.imageL {
	text-align:left;
	width:160px;
	height:100px;
	padding:0 0 0 0;
	margin: 0 0 0 40px;
	
}

.imageR {
	float:right;
	clear:right;
	text-align:center;
	caption-side:bottom;
	width:300px;
	height:405px;
	margin:20px 30px 0 0;
	padding:0 0 0 0;
}

.textLeft {
	display:block;
	float:left;
	clear:left;
	width: 250px;
	height:400px;
	text-align:center;
	white-space:wrap;
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	color:#c03;
	padding: 0px 0 0 25px;
}

.textRight {
	display:block;
	float:right;
	clear:right;
	width: 250px;
	height:400px;
	text-align:center;
	white-space:wrap;
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	color:#c03;
	padding: 0px 0px 0 0px;
}

.textCenter {width:600; margin:40px 0px 20px 0px; text-align:center; padding:10px; font-family: Arial, Verdana, sans-serif;
	font-size:16px; color:#c03; line-height: 20px;
}
.goodsHolder {margin:30px 0 0 0px;
	width: 650px;
	height:275px;
}

.goodsHolderL {float:left; clear:left;
	margin:20px 0 0 100px;
	width: 220px;
	height:275px;
}
.goodsHolderR {float:right; clear:right;
	margin:20px 55px 0 0px;
	width: 250px;
	height:250px;
}
.goods_textL { float:left; clear:left; display:block; text-align:left; width:145px; height:270px; margin:0px 0px 0 90px; color:#CC0033; font-family: "American Typewriter"; font-size:15px; overflow:hidden;
}

.goods_textR {display:block; float:right; clear:right; text-align:left; color:#CC0033; font-family: "American Typewriter"; font-size:15px; width:220px; height:270px; padding:0 0 0 0px; margin: 0px 20px 0 0px; overflow:hidden;
}

.goods_Goods {float:left; clear:left; display:block; text-align:left; width:50px; margin:0 0 0 0; color:#CC0033; font-family: "American Typewriter"; font-size:24px;
}

.goods_Brands { display:block; float:left; clear:left; text-align:left; width:50px; color:#CC0033; font-family: "American Typewriter"; font-size:24px; padding:0px 0 0 0px; margin:0px 0px 0px 0;
}

.captionR {font-size:9px; text-align:right; padding:0 0px 0 0; width:350px;
}

.captionL {font-size:9px; text-align:left; padding:0 0 0 25px;
}

#auctionInfo {text-align:center; font-size:15px; color:#CC0033; line-height:16px; font-family: Courier, monospace; padding-left:10px; font-weight:bold; font-style:italic; white-space:normal;
}
.auctionProcedure {text-align:center; font-size:16px; color:#CC0033; line-height:17px; font-family: Courier, monospace; letter-spacing:0px; font-weight:lighter; font-style:italic; white-space:normal;
}
.auctionInfo ul	{list-style: circle; text-align:center;
}

.note /* Dots Box on Store page */ {border: dotted 2px; border-color:#CC0033; margin:45px 0px 0px 5px;text-align:center; width: 290px;  white-space:normal; padding:5px 0 5px 0; font-family: "American Typewriter"; font-size:14px; font-weight:normal; color:#CC0033; 
}

.noteIndex /* Dots Box on Home page */ {border: dotted 2px; border-color:#CC0033; margin:15px 0px 0px 50px;text-align:center; width: 550px;  white-space:normal; padding:5px; font-family: "American Typewriter"; font-size:14px; font-weight:normal; color:#CC0033; 
}

#topLeft {float:left; width:345px; height:404px; clear:left;}
#topRight {float:right; width:305px; height:404px; clear:right; margin: 0 0 0 0px; padding: 0 0 0 10px;}
.footer  {clear: both; margin: 15px 0px;text-align: center;width: 650px;height: 30px;padding: 5px; max-height:50px}
.copy  {margin: 0 0px 0 28px;text-align:left; width: 650px;height: 12px;padding: 5px 0 0 0; font-size:10px; color:#999999;}
.copy_R  {margin: 25px 0px 0px 35px;text-align:left; width: 650px ; max-width: 650px;height: 12px;padding:0 2px 0 0; font-size:10px; font-weight:lighter; font-family: Verdana; color:#c03; display:block;}
.diffR {
	float:right;
	clear:right;
	text-align:center;
	caption-side:bottom;
	width:400px;
	height:20px;
	margin:-25px 10px 0 5px;
	padding:0 0 0 0;
}

.banner  {margin: 0 0 0 45px;text-align: center;width: 535px;height: 120px;padding: 10px 10px 0 10px; border: solid 1px; border-color:#cc0033;
font-family: Arial, Verdana, sans-serif; font-size:15px; color:#c03; font-weight:bold;white-space:normal}

.bannerHolder {margin: 0 0 0 25px;text-align: center;width: 580px;height: 120px;padding: 0px 0px 0 0px; font-family: Arial, Verdana, sans-serif; font-size:15px; color:#cc0033; font-weight:bold;}
.bannerL  {margin: 0;text-align: left;width: 235px;height: 120px;padding: 10px 0 0 15px; float:left; clear:left; white-space:normal; display:block;border: dotted 2px; border-color:#cc0033;}
.bannerR  {margin: 0 0 0 0px;text-align: center;width: 290px;height: 120px;padding: 10px 0 0 0; float: right; clear:right; white-space:normal; display:block;border: dotted 2px; border-color:#cc0033;}

.closed  {margin: 0 24px 0px 0;text-align: center;width: 290px;height: 15px;padding:7px 0 10px 0; float: right; clear:right; white-space:normal; display:block;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0033}

.text  {margin: 0 0 0 0px;text-align: center;width: 500px;height: 18px;padding: 20px 20px 20px 20px; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#c03; font-weight:bold;}

.Foottext  {margin: 0px 0 10px 0;text-align: left; width: 90px; height: 18px; padding: 0; font-family: Verdana; font-size:13px; color:#c03; font-weight:bold; vertical-align:middle;}

.noteText  {margin: 0 0 0 0px;text-align: center;height: 18px; font-family:Verdana; font-size:12px; color:#c03; font-weight:bold;}

.storyText  {margin: 0 0 0 40px;text-align:left;width: 585px; padding: 10px 0px 10px 0px; font-family: "American Typewriter"; font-size:14px; color:#c03; font-weight:normal; white-space:normal;}

.linksText  {margin: 0 0 0 30px;text-align:left;width: 585px; padding: 5px 0px 10px 0px; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#c03; }
/* End Layout Stylesheet */

/* Begin CSS grid Links */
#auciton_grid {
	list-style-type: none;
	width: 600px;
	height: 700px;
	padding: 0;
	margin:0  0 25px 25px;
	float: inherit;
}

#auction_grid li {
	display: block;
	float: left;
	margin: 5px 15px 5px 15px;
	width: 160px;
	height:180px;
	padding: 2px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
}
#index_grid {
	list-style-type: none;
	width: 650px;
	max-width:650px;
	height: 480px;
	padding: 0 0 0 0px;
	margin:20px 20px 0px 20px;
	float: inherit;
}

#index_grid li {
	display: block;
	float: left;
	margin: 15px 15px 15px 15px;
	width: 120px;
	height:120px;
	border: 1px;
	padding: 2px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	color: #666;
	font-size: 12px;
}

#wares_grid {
	list-style-type: none;
	width: 465px;
	height: 550px;
	padding: 0 0 0 0px;
	margin:16px;
	float: inherit;
	
}

#wares_grid li {
	display: block;
	float: right;
	margin: 10px 10px 10px 10px;
	width: 120px;
	height:120px;
	border: 1px;
	padding: 2px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	color: #ccc;
	font-size: 12px;
}
/* End CSS grid Links */

/* Begin CSS Carousel Viewer Links -AUCTIONS PAGE- */


.stepcarousel {
position: relative; /*leave this value alone*/
border: 1px #999;
overflow: scroll; /*leave this value alone*/
width: 560px; /*Width of Carousel Viewer itself*/
height: 560px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* End CSS Carousel Viewer Links */

/* Begin CSS Item Pop-Out Wind0w Links */

.itemHolder {width:560px; height:800px; min-width:560px; min-height:750px; text-align:center; padding:10px 40px 40px 40px; border-style:dotted; border-color:#999999; font-family: Arial, Verdana, sans-serif; color: #CC0033; Margin:auto;
}
.itemPic {width:550px; height:550px; text-align:center;
}
.itemHeader {font-size: 20px; width:550px; height:30px; text-align:center; line-height:22px; padding:5px;
}

.itemInfo {text-align: center; font-size: 14px; white-space:normal; padding:0px; 
}

/* End CSS Item Pop-Out Window Links */

/* Begin CSS Product Carousel Viewer Links -PRODUCT PAGES- */


.ProdStepcarousel {
position: relative; /*leave this value alone*/
border: 1px #999;
overflow: scroll; /*leave this value alone*/
width: 560px; /*Width of Carousel Viewer itself*/
height: 560px; /*Height should enough to fit largest content's height*/
}

.ProdStepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.ProdStepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* End CSS Product Carousel Viewer Links -PRODUCT PAGES- */

/* Begin CSS Product Pop-Out Wind0w Links */

.prodHolder {width:560px; height:800px; min-width:560px; min-height:750px; text-align:center; padding:10px 40px 40px 40px; border-style:dotted; border-color:#c03; font-family: Arial, Verdana, sans-serif; color: #CC0033; Margin:auto;
}
.prodPic {width:550px; height:550px; text-align:center;
}
.prodHeader {font-size: 20px; width:550px; height:30px; text-align:center; line-height:22px; padding:5px;
}

.prodInfo {text-align: center; font-size: 14px; white-space:normal; padding:0px; 
}

/* End CSS Product Pop-Out Window Links */


/* Begin CSS Story Links */
.storyLinks	{	font-weight: normal;	font-family: Arial, Verdana, sans-serif;	line-height:14px;	max-width:500px;	margin:5px 0px 0 -15px;	position: relative;	}		
.storyLinks a	{	white-space:nowrap;	margin:0 0 0 0;	padding:0px; text-decoration: none; font-size:13px;}	
.storyLinks a:visited	/* menu at rest */	{	color: #c03; text-decoration: none;	font-size:13px;	font-weight:normal;	}	
.storyLinks a:hover	/* menu at mouse-over  */	{	color: c03; font-weight: bold;	font-size:14px;	}				
.storyLinks ul	{	list-style: none;	text-decoration: none;	margin:0 0 0 0px;	padding:0;	width:300px;	}
.storyLinks li	{	display:list-item;	margin:0;	padding:0 0 0 0px;	text-align: left;	max-height: 22px; list-style:none;	}

/* End CSS Story Links */


/* display Stylesheet */ 
.Qtext {
	font-family: ; color: #0000FF; font-size: 15px; line-height:16px; font-weight:bold; text-align:center; padding:30px;
	width:650px; background-image:url(images/quilt_bg.jpg); background-repeat:no-repeat;
}
.Qtext2 {
	width:400px;
	height:565px;
	font-family: arial, verdana;
	color: #CC0033;
	font-size: 14px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	display: block;
	padding: 10px 20px 20px 20px;
	margin: 118px 70px 100px 72px;
	background-color:#FFFFFF;
	border: #CC0033 dashed 3px;
}
.auctionDate {
	font-family: Courier, monospace;
	color: #c03;
	font-size: 21px;
	text-align:center;
	line-height:21px;
	font-weight:bolder;
	margin: 25px 0 0 0;
	padding:10px;
	font-style: italic;
	letter-spacing: 0px;	
}
.GNO-body {
	font-family: ; color: #0000FF; font-size: 15px; line-height:16px; font-weight:bold; text-align:center; padding:0px;
	width:650px;
}
.Btext {
	font-family: Arial, Verdana, sans-serif; color: #CC0033; font-size: 14px; font-weight:bold;
}
.introtext {
	width:150px;
	height: 170px;
}

.info {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
	font-weight:300;
	margin-top:5px;
	text-align: center;
}
.subHead  {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
	font-weight: bold;
}

.itemNo  {
	font-family: Arial, Verdana, sans-serif;
	color: #444;
	font-size: 10px;
	font-weight: bold;
}
.donation {
	font-family: Courier, monospace; color: #CC0033; font-size: 18px; text-align:center; line-height:20px; font-weight:lighter; letter-spacing:0px; font-style:italic;
}  
p {font-family: "American Typewriter";
	color: #CC0033;
	font-size: 14px;
}

.infoMailing {font-family: "American Typewriter";
	color: #CC0033;
	font-size: 14px;
	font-weight:normal;
	text-align:center;
}  

.mailingHolder { margin:0 0 0 35px; padding-bottom:0px; position:relative; float:inherit; width:550px; text-align:center; }

.contactHolder { margin:0 0 0 35px; padding-bottom:0px; position:relative; float:inherit; width:580px; text-align:center; }


a {
font-family: Arial, Verdana, sans-serif;
color:#C03;
font-size:12px;
font-weight:normal;
}

a:visited {
font-family: Arial, Verdana, sans-serif;
color:#C03;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

a:hover {
font-family: Arial, Verdana, sans-serif;
color:c03;
font-size:14px;
font-weight:bold;
}

/*Link styles for Note Box on store page*/

.textL a {
font-family: Arial, Verdana, sans-serif;
color:#C03;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

.textL a:visited {
font-family: Arial, Verdana, sans-serif;
color:#C03;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

.textL a:hover {
font-family: Arial, Verdana, sans-serif;
color:c03;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

h6 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size:32px;
	line-height:33px;
  }
  
h5 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 20px;
	font-weight:600;
	line-height: 28px;
  }

h4 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 18px;
	line-height:16px;
  }
  
h3 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 14px;
  }
  
h2 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
  }
  
h1 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 10px;
  }
title {font: Verdana, Arial, Helvetica, sans-serif; color:#CC0033;
}