html	{ min-height: 100%; margin-bottom: 1px; }
body	{text-align:center; font-family:Verdana; font-size:10pt; color:#38343b; margin:0px; background-color:#473859; background-image:url(Images/Background.jpg);}
table	{border-collapse:collapse; text-align:left; background-color:Transparent;}
td		{padding:2px;}
form	{margin:0px;}
img		{border:0px; margin:0px;}
img[src=""]	{display:none;}

#MainContent		{text-align:left; margin:auto; display:inline-block; display:table; width:900px; background-color:#ffffff; border:1px solid #67496a;}	/* display:inline-block; display:table; forces IE contains layout mode, other browsers use table layout */
#MainContent .Block	{clear:both;}
#MainContent .Main	{min-height:500px;}

.BrightText		{color:#e18942;}
.LightText		{color:#635c68;}
.BlueText		{color:#7da2ff;}
.DBlueText		{color:#6c8ad5;}

.LighterText	{color:#998d9a; font-size:7pt;}

.Header				{background-color:#68496b; background-image:url(Images/TopBarPurpleGradient.gif); background-repeat:repeat-x; background-position:left top;}
.NavigationTable	{}
.NavigationTable td {padding-right:8px;}
.Main				{}
.Footer				{text-align:center; background-color:#2a232b; padding:8px; color:#ededed; font-weight:bold;}
.Footer img			{vertical-align:middle;}
.Footer #Copyright	{margin-top:0.5em; color:#8a7c8b; font-weight:normal; font-size:0.8em;}

#FromTheBlog	{background-color:#ffffff; border:1px solid #7a687c;}
#FromTheBlog td	{padding-left:12px; padding-right:12px;}

.DealTitle		{font-size:16pt;}
.ProductName	{font-size:16pt;}
.Price			{padding-top:4px; font-weight:bold; font-size:16pt;}
.Shipping		{font-size:7pt; font-style:italic; color:#747474;}

.DealImage			{width:380px; height:285px; cursor:pointer;}
.DealImageThumbnail {width:128px; height:96px; cursor:pointer;}

.Variants				{font-size:8pt; white-space:nowrap;}
.Variants .Thumbnail	{width:36px; height:27px; border:1px solid #513f5d; cursor:pointer;}
.Variants .Variant		{color:#3b243d;}
.Variants .SoldOut		{color:#998d9a; font-style:italic;}
.Variants .Detail		{color:#998d9a; font-size:7pt;}

.Attributes				{font-size:8pt; border-top:1px solid #f89748;}
.Attributes .Name		{text-align:right; font-weight:bold; padding-right:4px; vertical-align:top; white-space:nowrap;}
.Attributes .Value		{color:#3b243d;}
.Attributes .Divider	{height:6px;}

.Quantities				{font-size:8pt; white-space:nowrap;}
.Quantities .Thumbnail	{width:36px; height:27px; margin-left:24px; border:1px solid #513f5d; cursor:pointer;}
.Quantities .Variant	{color:#3b243d;}
.Quantities .SoldOut	{color:#998d9a; font-style:italic; font-size:10pt;}
.Quantities .SoldOutText{color:#e18942; font-weight:bold;}
.Quantities .Detail		{color:#998d9a; font-size:7pt;}
.Quantities .DropDownCell{width:51px; height:32px; padding-left:11px; background-image:url(Images/Buttons/QuantityDropDown.gif); background-repeat:no-repeat; background-position:center center;}
.Quantities .DropDown	{cursor:pointer; width:40px;}

.Quantities .Times		{padding-left:16px;}
.Quantities .Quantity	{font-weight:bold; font-size:12pt;}

.QuantitySummary{font-size:11pt; padding-left:32px; padding-right:6px; text-align:right;}
.VariantSummary	{font-size:11pt; padding-right:8px;}

.HoverImage		{cursor:pointer;}

.PadTableCells	{}
.PadTableCells td{padding-left:6px; padding-right:6px;}

.ShoppingBag	{height:170px; width:245px; padding:8px; background-image:url(Images/ShoppingBox.jpg); background-repeat:no-repeat; background-position:center center;}
.ShoppingTable	{white-space:nowrap; font-size:8pt;}

.GreyBox		{background-color:#f2eef2; border:1px solid #d6d2d6;}
.FaintBox		{background-color:#f6f3f6; border:1px solid #e6e3e8;}
.GoldButton		{font-family:Verdana; font-size:10pt; background-color:#f89748; color:#ffffff; font-weight:bold; cursor:pointer; border:1px solid #f9ceaa; padding:3px; border-right:2px solid #c68957; border-bottom:2px solid #c68957;}
.MiniGoldButton	{font-family:Verdana; font-size:7pt; background-color:#f89748; color:#ffffff; font-weight:bold; cursor:pointer; border:1px solid #f9ceaa; padding:1px; border-right:2px solid #c68957; border-bottom:2px solid #c68957;}
.JumboGoldButton{font-family:Verdana; font-size:14pt; background-color:#f89748; color:#ffffff; font-weight:bold; cursor:pointer; border:1px solid #f9ceaa; padding:6px; border-right:2px solid #c68957; border-bottom:2px solid #c68957;}
.NavigationImage{cursor:pointer;}

.DarkBorder		{border:1px solid #513f5d;}
.MediumBorder	{border:1px solid #918599;}
.LightBorder	{border:1px solid #e6e3e8;}
.BrightUnderline{border-bottom:1px solid #f89748;}
.BrightBorder	{border:1px solid #f89748;}
.PaleBrightBackground	{background-color:#fbdfc9;}
.Blue			{color:#7da2ff;}
.White			{background-color:#ffffff;}
.Dark			{background-color:#433344;}


.InputPointerCusor	{}
.InputPointerCusor input {cursor:pointer;}

.Top	{display:block; width:11px; height:11px; margin:0.5em; background-image:url('/Images/Top.gif');}

.Notice				{border:1px dotted #999999; font-size:0.8em; font-weight:bold; padding:0.5em; margin:1em;}

#JavaCheck			{color:#7da2ff; font-weight:bold; font-style:italic;}

#Status				{padding:0.2em; margin:0 1em 0.5em 1em; background-color:#7da2ff; border:1px solid #4b66a9; color:#ffffff; font-weight:bold;}
#Status a			{color:#ffffff;}
#Status a:link		{text-decoration:none; color:#ffffff;}
#Status a:visited	{text-decoration:none; color:#ffffff;}
#Status a:active	{text-decoration:none; color:#ffffff;}
#Status a:hover		{text-decoration:none; color:#ffffff;}

#Message ul			{margin:0; padding:0; padding-top:12px; list-style-type:none; min-height:80px; background-color:#ea7159;}
#Message li			{padding:6px; margin:0 1em 0.5em 1em; background-color:#da3717; color:#ffffff; font-weight:bold; font-size:11pt;}
#Message a			{color:#ffffff;}
#Message a:link		{color:#ffffff;}
#Message a:visited	{color:#ffffff;}
#Message a:active	{color:#ffffff;}
#Message a:hover	{color:#ffffff;}

a			{color:#e18942; font-family:Verdana; font-weight:bold;}
a:link		{text-decoration:none; color:#e18942;}
a:visited	{text-decoration:none; color:#e18942;}
a:active	{text-decoration:none; color:#f4ae76;}
a:hover		{text-decoration:none; color:#f4ae76;}


.NotLoggedInText			{color:#514f51; font-style:italic;}
.Authentication				{color:#3b243d;}
.Authentication span		{color:#3b243d; font-weight:bold;}
.Authentication .Nickname	{color:#3b243d; font-weight:bold;}

.Authentication a			{font-family:Verdana; font-weight:bold;}
.Authentication a:link		{text-decoration:none; color:#fccf57;}
.Authentication a:visited	{text-decoration:none; color:#fccf57;}
.Authentication a:active	{text-decoration:none; color:#ffe6a4;}
.Authentication a:hover		{text-decoration:none; color:#ffe6a4;}

.Pager					{font-size:0.8em; margin-bottom:1em;}
.Pager .Indicator		{font-style:italic; padding-right:8px;}
.Pager .Fields			{text-align:right; border:1px solid #e6e3e8;}
.Pager .Field			{margin-left:0.1em; margin-right:0.1em;}
.Pager .Fields .Current {font-weight:bold;}


.HoverLink
{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
.HoverLink:link
{
	text-decoration:none;
	background-position:left top;
}
.HoverLink:visited
{
	text-decoration:none;
	background-position:left top;
}
.HoverLink:active
{
	text-decoration:none;
	background-position:left bottom;
}
.HoverLink:hover
{
	text-decoration:none;
	background-position:left bottom;
}
.TwitterButton
{
	height:20px;
	width:130px;
	background-image:url(Images/Buttons/Twitter.gif);
}
.FacebookButton
{
	height:20px;
	width:144px;
	background-image:url(Images/Buttons/Facebook.gif);
	margin-left:6px;
}
.RavelryButton
{
	height:20px;
	width:144px;
	background-image:url(Images/Buttons/Ravelry.gif);
	margin-left:6px;
}