@charset "utf-8";
/* BEGIN reset styles */

*						{ margin: 0; padding: 0; }

html				{ margin: 0; padding: 0; 
							font-size: 100%; 												/* IE text resize correction */
							color: #000; 
							background: #fff; 
							height: 100%; 
							overflow: -moz-scrollbars-vertical; }		/*  always show scroll bars in FF */

body				{ height: 100%; }

body				{ background: url(../images/bg-body.gif) left top repeat-x #000; text-align: center; vertical-align: top; 	
							min-width: 950px; }
body.admin			{ background: #d0d0d0; color: #000;}

body, div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3,
h4, h5, h6,
pre, code,
form,
fieldset,
legend,
input, p,
a, span,
textarea,
blockquote,
table,
th, tr, td	{ margin: 0; padding: 0; }

table				{	border-collapse: collapse; 
							border-spacing: 0; }

fieldset,
img					{ border: none; }

a						{ outline: none; }

address,
caption,
cite, code,
dfn, em,
strong,
th, var			{ font-style: normal; 
							font-weight: normal; }

li					{ list-style: none; }

caption, th	{ text-align: left; }

h1, h2, h3,
h4, h5, h6,
b, strong		{	font-size: 100%;
							font-weight: normal; }
							
q:before,
q:after			{ content: ''; }

abbr,
acronym			{ border: 0;
							font-variant: normal; }

/* Preserve line-height and selector appearance */
sup					{ vertical-align: text-top; }
sub					{ vertical-align: text-bottom; }

input,
textarea,
select			{ font-family: inherit;
							font-size: inherit;
							font-weight: inherit; }
select#department 		{ width: 156px; }
select#departmentHist 	{ width: 191px; }
legend			{ color: #fff; }													/* because legend doesn't inherit in IE */
/* END reset styles */


/* BEGIN fonts styles */
/* x-small is for IE6/7 quirks mode. */
body 		{	*font-size: small; *font: x-small; }
table 	{ font-size: inherit; font: 100%; }

/* Bump up IE to get to 13px equivalent */
pre,
code,
kbd,
samp,tt { font-family: monospace; *font-size: 108%; line-height: 100%; }
/* END fonts styles */


/* BEGIN base styles */
body				{ font-size: 75%;	}									/* 75% 		* 16px default for html element = 12px */
							
h1 					{ font-size: 1.66667em; 						/* 1.667	* 12px default for parent body element = 20px */
							line-height: 1.2em;								/* 1.2 		* 20px = 24px */
							margin-top: .8em;									/* .8			* 20px = 16px */
							margin-bottom: .4em; }						/* .4			* 20px = 8px */
h2 					{ font-size: 1.3333em; 							/* 1.3333	* 12px default for parent body element = 16px */
							line-height: 1.3333em;						/* 1.33		* 18px = 24px */
							margin-top: 1.1666em;							/* 1.1666	* 18px = 21px */
							margin-bottom: .1666em; }					/* .1666	* 18px = 3px */						
h3 					{ font-size: 1.1667em;							/* 1.1667 * 12px default for parent body element = 14px */
							line-height: 1.5em;								/* 1.5		* 14px = 21px */
							margin-top: 1.5em;								/* 1.5		* 14px = 21px */
							margin-bottom: .16666em; }				/* .1666	* 16px = 3px */
h4					{ font-size: 1.0em;									/* 1.0		* 12px default for parent body element = 12px */
							line-height: 1.7143em;						/* 1.7143	* 14px = 24px */
							margin-top: 1.1428667em;					/* 1.1428	* 14px = 16px */									
							margin-bottom: .5714333em; }			/* .57143	* 14px = 8px */
h5, h6			{ font-size: 1em; 									/* 1.0	 	* 12px default for parent body element = 12px */
							line-height: 2em;									/* 2			* 12px = 24px */
							margin-top: 1.33333em;						/* 1.3333	* 12px = 16px */
							margin-bottom: .6666666em; }			/* .6666	* 12px = 8px */

h1, h2, h3,
h4, h5, h6,
strong, b		{ font-weight: bold; }								/* bring bold back to headings and b & strong elements */

p						{ text-indent: 0; 
							font-size: 1.083333em; 						/* 1.0833	* 12px default for parent body element = 13px */
							line-height: 1.75em;							/* 1.75		* 12px = 21px */
							margin-top: .75em;								/* .75		* 12px = 9px */
							margin-bottom: .75em; }						/* .75 		* 12px = 9px */

a						{ }

abbr,
acronym 		{ border-bottom: 1px dotted #919195;
							cursor: help; }										/* indicate that more info is available */

abbr				{ letter-spacing: 0.1em; }					/* slightly increase letter spacing of abbreviations to increase readability */

em, i				{ font-style: italic; }							/* bring italics back to the em & i elements */

ol, ul, dl 	{ font-size: 1em; 									/* 1.0	 	* 12px default for parent body element = 12px */
							margin-left: 1em; 								/* give lists breathing room */
							margin-top: 0em;									/* .0			* 12px = 0px */					
							margin-bottom: 0em; }							/* .0			* 12px = 0px */
							
ol li 			{	list-style: decimal outside; }		/* give OLs & LIs generated numbers */

ul li 			{ list-style: square outside; }				/* give ULs & LIs generated disc markers */

ol li,
ul li,
dl dd				{ line-height: 1.5em;								/* 1.5		* 12px default for parent body element = 18 px */
							margin-top: .5em;									/* 0.5		* 12px = 6px */	
							margin-bottom: 0; }							

th,td 			{ border: none;	}
							
th 					{ font-weight: bold;								/* distinguish table headers from data cells */
							text-align: center; }

input[type=text],
input[type=password],
select,
textarea		{ width: 12.5em; *width: 11.9em; }	/* set consistent width, 150px; control of type=file still not possible */

textarea		{ overflow: auto; }									/* remove vertical scroll bar in IE */

div.hline		{ color: #7e7f80;
							background-color: #7e7f80;
							height: 1px; }
div.gridHline					{ color: #7e7f80; background-color: #7e7f80; height: 1px; clear: both; margin-top: 20px; }
/* END base styles */


/* BEGIN typography styles */
html								{ background-color: #000; }
body								{ font-family: "Lucida Grande", 												/* adapted from from http://www.sitepoint.com/article/eight-definitive-font-stacks/2/ */
												"Lucida Sans", "DejaVu Sans", 
												"Bitstream Vera Sans", "Liberation Sans", 
												Verdana, "Verdana Ref", 
												Arial, sans-serif;
											color: #eaeaea; 
											background-color: #000; }

.clearfix:after 		{ content: "."; 
											display: block; 
											height: 0; 
											clear: both; 
											visibility: hidden; }

.clearfix 					{ display: inline-block; }														/* use .clearfix on any box that has to contain a sizable float */
/* Hides from IE-mac \*/
* html .clearfix 		{ height: 1%; }
.clearfix 					{ display: block; }
/* End hide from IE-mac */
											
.ctr								{ text-align: center; }
.rt									{	text-align: right; }
.mid								{ vertical-align: middle; }
.ctrMid							{	text-align: center; 
											vertical-align: middle; }
.bot								{ vertical-align: bottom; }
.sml								{ font-size: 83%; }																		/* 83%		* 12px default for parent body element = 10px */
.xsml								{ font-size: 75%; }																		/* 75%		* 12px default for parent body element = 9px */

.bold								{	font-weight: bold; }
.italic							{	font-style: italic; }

sup									{ position: relative; left: 0; top: -.40em; }

.firstWord					{ font-size: 1.5em; 																	/* 1.5	* 12px default for parent body element = 18px */
											font-weight: bold;
											line-height: 1em; 																	/* 1		* 18px = 24px */
											text-transform: capitalize; }

.initCap						{ font-size: 4em;																			/* 4		* 12px = 48px */
											font-weight: bold;
											line-height: 0.5em; }																/* .5		*	48px = 24px */

.intro	   					{ margin: 0 0 .75em 0; padding: 0;										/* margin-bottom = .75 * 1.3333 * 12 = 12px */
											font-size: 133.33%;																	/* 1.3333	* 12px default for parent body element = 16px */ 
											line-height: 1.5em;																	/* 1.5		* 1.33 * 12 = 24px */
											font-weight: 500; }

p.first:first-letter{ margin-bottom: -.1em; padding: .1em 0.1em 0 0;
											float: left;
											font-family: "Lucida Grande", 												/* adapted from from http://www.sitepoint.com/article/eight-definitive-font-stacks/2/ */
												"Lucida Sans", "DejaVu Sans", 
												"Bitstream Vera Sans", "Liberation Sans", 
												Verdana, "Verdana Ref", 
												Arial, sans-serif;
											font-size: 3.25em; 
											font-weight: 700;
											line-height: 1em; 
											color: #9c0e0f; }																		/* middle blend between #be0b0b (too bright) and #741213 (too dark) */

p.nm								{ margin: 0; padding: 0; }

a.nm, 
a.nm:hover					{ border: 0; text-decoration: none;}

.single						{ line-height: 1.3em; }

p.spc								{ margin: 0; padding: 0; 
											font-size: 10px; 
											line-height: 10px; }

.indent 						{ text-indent: 1.5em; }

p.inline						{ display: inline; }

p.imgCnt						{ margin: 0; padding: 0;
											line-height: .1em; }
											
p.imgCnt img				{ margin: 0; padding: 0; }
p.imgCnt a					{ border: none; text-decoration: none; outline: none; }

a										{	text-decoration: none;
											border-bottom: solid 1px #eaeaea; }												
a:link		 					{	color: #eaeaea; }
a:visited 					{	color: #eaeaea; }
a:hover				 			{	color: #be0b0b;
											border-bottom: solid 1px #be0b0b;}
a:active			 			{	color: #be0b0b; 
											border-bottom: solid 1px #be0b0b;}
a.img								{ margin: 0; border-bottom: none; }
a.price-sort 				{ border: none; outline: none; text-decoration: none; }
a.clear-search			{ position: relative; left: 134px; top: 19px;}

p.lm								{ clear: left; 
											text-align: left;
											margin-left: 20px;
											text-indent: -20px;
											font-size: 100%;																		/* 100	* 12px default for parent body element = 12px */
											font-weight: 600; 
											line-height: 1.33em;																/* 1.33	* 1.0 * 12 = 16px */
											margin-top: .5em;																		/* .5		* 12px = 6px */									
											margin-bottom: .5em; } 															/* .5		* 12px = 6px */	
p.lm:hover					{ }

a.lm,
a.arrow,
a img,
a.image							{ margin: 0;
											text-decoration: none; border-bottom: none; outline: none; }
									
a.lm:link		 				{ color: #eaeaea; text-decoration: none; border-bottom: none; outline: none; }
a.lm:visited 				{ color: #eaeaea; }
a.lm:hover 					{	color: #be0b0b; }
a.lm:active					{	color: #be0b0b; }

img.lm							{ position: relative; left: 0; top: 4px; }

li.bullet						{	padding-left: 18px; margin-left: -.5em;
											list-style-type: none;
											list-style-image: none;
											background: transparent url(../images/bullet.gif) left .2em no-repeat; }

.floatLeft 					{	clear: left; 
											float: left; }

.floatRight					{	clear: right;
											float: right; }

img.floatRight			{ margin: 15px 0 15px 25px; }
div.additional					{ text-align: center;}

caption 						{ font-family: Palatino, 'Palatino Linotype', Georgia, sans-serif;
											font-size: 116.667%;																/* 1.1666	* 12px default for parent body element = 14px */
											line-height: 1.7142857em;														/* 1.7142	* 14 = 24px */
											margin: 1.142857em 0 .571428em 0;										/* top = 1.142857 * 1.1666 * 12 = 16px  bot = .571428 * 1.1666 * 12 = 8px */
											text-align: center; }																/* centered */

blockquote 					{ margin: 15px 0 15px 0; padding: 15px 20px 20px 20px;
																																					/* 	<blockquote> 
																																								<p> quote text here </p>
																																								<p> <cite> cite text here </cite> </p>
																																							</blockquote> */		
											border-left: 5px solid #9c0e0f; 										/*  match p:firstletter */
											background: #1f2020; }

blockquote p 				{ margin: 0; padding: 0;
											font-size: 116.66%; 																/* 116.66% 	* 12px default for parent body element = 14px */
											line-height: 1.7142857em; 													/* 1.7142	* 14 = 24px */
											text-indent: -.4em; }

cite 								{ font-weight: normal;
											font-style: italic;
											display: block;
											text-align: right; }

table								{ width: 100%; }
table#report					{ width: 950px;}
td									{	font-size: 92%;																			/* 92% 	* 12px default for parent body element = 11px */
											vertical-align: top;  
											text-align: left; }

h1, h2, h3, 
h4, h5, h6					{	color: #f8f8f8; 
											letter-spacing: .05em; }

h1.pgTtl						{ padding-top: 0;
											font-weight: 500; 
											font-size: 2em; 																		/* 2			* 24px default for parent body element = 24px */
											line-height: 1.3333em;															/* 1.333	* 24px = 32px */
											margin-top: 0;																			/* 0			* 24px = 0px */
											margin-bottom: .1em; }															/* .1			* 24px = 2px */

h2.pgSubTtl					{ margin-top: 0; margin-bottom: .666666em; padding: 0; 
											font-weight: 500; 
											font-size: 1.333333em; 
											padding-bottom: 5px; 
											border-bottom: 1px solid #7e7f80; }

h2									{ border-bottom: 1px solid #7e7f80; }

h2.event						{ margin-top: 0; }
h3.event						{ margin: 10px 0 0 0; padding: 0; 
											line-height: 1.3em; }
h3.newsTitle				{ margin-top: 0; } 

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a		{ text-decoration: none; border: none; outline: none; 
											color: #f8f8f8; }
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited				{ color: #f8f8f8; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active					{ color: #be0b0b; }

/* BEGIN forms styles */
label 							{ font-weight: bold; }

fieldset 						{ margin:0 0 1.5em 0; padding: 1.4em; }

legend 							{ font-weight: bold;
											font-size: 1.2em; }

input.text,
input[type=text],
input.title, 
textarea, 
select 							{ margin: 0.5em 0;
											border: 1px solid #bbb; 
											font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
											color: #f1f1f1; 
											background-color: #0c0d0d; }

input.btn						{ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
											color: #919195; outline: none; border: none; background: transparent; }

input.text:focus, 
input.title:focus, 
textarea:focus, 
select:focus 				{ border: 1px solid #666; }

input.title 				{ font-size: 1.5em; }


textarea 						{ padding: 5px;
											width: 390px; height: 250px; }

.error, 
.notice, 
.success 						{ margin-bottom: 1em; padding: .8em;
											border: 2px solid #ddd; }

.error 							{ background: #fbe3e4;
											color: #8a1f11;
											border-color:#fbc2c4; }

.notice 						{ background: #fff6bf;
											color:#514721;
											border-color:#ffd324; }

.success 						{ background: #e6efcf;
											color: #264409;
											border-color: #c6d880; }

.error a 						{ color: #8a1f11; }

.notice a 					{ color: #514721; }

.success a 					{ color:#264409; }

form p 							{ margin: 1em 0 1em 0; 
											padding: 0; }
/* END form styles */

/* END typography styles */


/* BEGIN grid styles */
.main 							{ margin: 0 auto; 
											display: block;
											width: 950px; }

.g185, .g370, 
.g555, .g740, .g925	{ margin: 20px 0 0 18px;
											float: left; display: inline; } 
.g185 a							{border: 0;}
.g185  							{ width: 160px; }
.g370  							{ width: 345px; }
.g555  							{ width: 530px; }
.g740  							{ width: 715px; }
.g925  							{ width: 900px; }

.gInside						{ margin-left: 0; }
.gAlpha							{ margin-top: 0; }
.gOmega							{ margin-bottom: 20px; }
.gGrid							{ padding: 10px; }
.clear 							{ clear: both; }

.main:after 				{ visibility:  hidden;
											display:  block;
											font-size:  0;
											content:  " ";
											clear:  both;
											height:  0; }
.grid-title						{ height: 56px;}
.grid-descr						{ height: 91px;}
.gridCell							{ height: 424px; margin-bottom: 30px;}
.gridCellHist					{ height: 502px;}
/* END grid styles */

/** BEGIN main styles **/
body								{	background: url(../images/bg-body.gif) left top repeat-x #000;
											text-align: center;																											/* center everything in body */
											vertical-align: top;  
											min-width: 950px; }

#container					{ margin:0 auto; padding: 0;
											width: 950px;
											text-align: left;
											position: relative;
											background: url(../images/bg-container.jpg) left top no-repeat #000;
											min-height: 80%;
											_height: 80%; }																													/* hack: min-height for IE6 */

#admin-container				{ margin:0 auto; padding: 0; width: 950px; text-align: left; position: relative;
									background: #d0d0d0; min-height: 80%; }
.admin-title					{ font-size: 17px; color: #be0b0b; font-weight: bold; margin: 0;}
.admin-subtitle					{ font-size: 15px; color: #be0b0b; font-weight: normal; margin: 0 0 10px 0;}


#header							{ margin: 0; padding: 0;
											width: 100%; height: 170px; }

body.admin #header				{ height:auto;}
body.admin td					{ padding: 2px 5px;}

body.admin a,
body.admin a:visited			{color:  #be0b0b; border: none;}
body.admin a:hover				{ text-decoration: underline;}
input.submit							{ float: right;}

.headerSpc					{ height: 20px; }

#headerI						{ background: url(../images/bg-header.gif) transparent left top no-repeat; 
											height: 170px; }

#content						{	margin: 0 auto; padding: 0;											
											width: 950px;	}

#content:after 			{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }

div.arrowUp					{ margin: 0; padding: 0;
											float: right; 
											position: relative; left: 0; top: 4px; 
											width: 50px; }

div.arrowUp a				{ text-decoration: none;
											border-bottom: none; }

/* BEGIN header styles */
h1.tag						{ margin: 0; padding: 0; 
										width: 715px; height: 20px;
										background: transparent url(../images/tagline.gif) 0 0 no-repeat;				/*  text replacement per http://css-tricks.com/css-image-replacement/ */
										text-indent: -9999px; }

#tag							{ margin: 0; padding: 0;
										position: relative; left: 0; top: 100px; }

.shopPg #tag			{ position: relative; left: 0; top: 121px; }															/*  on shop pages, b/c newsTicker is not displayed, move tag down to match non-shop pages */
/* END header styles */

/* BEGIN footer styles */
#footer							{ margin: 0 padding: 0; color: #959595; }

#footerL						{ margin: .2em 0 0 0; padding: 0;
											clear: left; float: left; 
											text-align: left; }
#footerR						{ margin: .2em 0 0 0; padding: 0;
											clear: right; float: right; 
											text-align: right; }

#footer p						{ margin: 0; padding: 0; 
											font-size: 91.6666666666%;																						/* 91.66%		* 12px default for parent body element = 11px */
											line-height: 1.3em; }

#footer p.spc				{ margin-top: 0; padding-top: 0; 
											font-size: 2px; 
											line-height: 2px; }

#footer a						{ text-decoration: none; 
											border-bottom: none; }
#footer a:link			{ color: #9a9b9c; }
#footer a:visited		{ color: #9a9b9c; }
#footer a:hover 		{ color: #be0b0b; }
#footer a:active		{ color: #be0b0b; }
/* END footer styles  */

/* BEGIN product grid styles */
p.prodGrid					{ margin: .3em 0 0 0; padding: 0;
											line-height: 1.3em; 
											font-size: 1.0em; }

a.prodGrid					{ text-decoration: none; border: none; }

.prodGridL					{ float: left; }

.prodGridR					{ float: right; }
/* END product grid styles */

/* BEGIN product detail styles */
#pdTabs							{ margin: 0; padding: 0; 
											position: relative; left: 0; top: 20px; }

#pdTabs div.myTabs	{ width: 320px; height: 250px; }

#pdTabs p						{ font-size: .916666em; 
											line-height: 1.3em; 
											padding-right: 10px; }

h2.prodDet					{ margin-top: 0; }
/* END product detail styles */

.pagination					{ font-size: 80%; }   
.pagination a 				{ text-decoration: none; border: solid 1px #AAE; color: #15B;}
.pagination a, 
.pagination span 			{ display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; 
							margin-bottom: 5px; }
.pagination .current 		{ background: #26B; color: #fff; border: solid 1px #AAE; }
.pagination .current.prev, 
.pagination .current.next	{ color: #999; border-color: #999; background: #fff;}
/**  END main styles  **/