/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Back to my CSS */
body {
	color: #000;
	font: 10pt/1.5 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	background-color: #fff;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {margin: 0 12px;}
h2 {
	font-weight: bold;
	font-size: 17pt;
	color: #000;
	margin-bottom: 20px;
}
h3, h4, h5, h6 {
	font-weight: bold;
	font-size: 11pt;
	color: #000;
	margin-bottom: 8px;
}
h4, h5, h6 {font-size: 10pt;}
/* Over-ride dodgy font tag rules for CMS */
font {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif !important; 
	font-size: 10pt !important;
	color: #000 !important;
}

/* Forms */
fieldset  {
	border: 1px solid #666;
	padding: 15px 10px;
	margin-bottom: 30px;
}
	fieldset div.form-row {margin-bottom: 12px;}
	fieldset label {
		font-weight: bold;
		display: block;
	}
	fieldset input.txt-input,
	fieldset input.txt-input-sml {
		display: block;
		border: none;
		border-bottom: 1px solid #666;
		width: 400px;
	}
	fieldset input.txt-input-sml {width: 80px;}
	fieldset textarea {
		border: 1px solid #000;
		width: 400px;
		height: 100px;
		overflow: auto;
	}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
div.main-content p, div.main-content ul,
div.main-content ol, div.main-content dl,
div.main-content table {margin-bottom: 26px;}
div.main-content table table {margin: 0;}
div.main-content p + ul,
div.main-content p + ol {margin-top: -20px;}
/* Lists */
div.main-content ul, div.main-content ol {margin-left: 44px;}
div.main-content ul {list-style: disc;}
div.main-content ol {list-style: lower-alpha;}
div.main-content ul ul, 
div.main-content ol ol {margin: 8px 0 16px 20px;}

/****************************************************************************************
	[LAYOUT]
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide,
form fieldset p.form-hint,
form fieldset.form-submit,
form fieldset legend span,
form fieldset em,
#logo,
#nav-wrapper,
div.panel,
#footer ul,
#img-caption,
ul#page-options,
#flashContent,
div.popup,
div.main-content #stores #store-states,
ul.pagination {display: none;}

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {width: 100%;}

/* [HEADER]
-------------------------------------------------------*/
img#print-logo {
	margin-bottom: 30px;
	display: block;
}

/* [MAIN CONTENT]
-------------------------------------------------------*/
div.main-content {padding: 0 0 20px 0;}

/* [FOOTER]
-------------------------------------------------------*/
#footer {
	border-top: 1px solid #666;
	padding: 5px 0 0 0;
	text-align: center;
	clear: both;
}
	#footer p {
		font: normal 8pt Arial, Helvetica, sans-serif;
		color: #666;
	}

/****************************************************************************************
	[COMPONENTS] specific styles for content area
*****************************************************************************************/

/* [STORE LISTINGS]
-------------------------------------------------------*/
div.main-content #stores #store-listings table {
	width: 644px;
	clear: both;
}
	div.main-content #stores #store-listings table th {
		font-weight: bold;
		text-transform: uppercase;
		padding: 4px;
		vertical-align: top;
		text-align: left;
		border: 1px solid #666;
	}
	div.main-content #stores #store-listings table thead th {
		font-size: 12pt;
		border: none;
		padding: 0 0 8px 0;
	}
	div.main-content #stores #store-listings table td {
		vertical-align: top;
		padding: 4px 15px 4px 0;
		line-height: 1.2;
	}
		div.main-content #stores #store-listings table td.col1 {
			width: 110px;
			font-weight: bold;
		}
		div.main-content #stores #store-listings table td.col2 {width: 354px;}
		div.main-content #stores #store-listings table td.col3,
		div.main-content #stores #store-listings table td.col4 {width: 90px;}

/* [COLLECTION DETAILS]
-------------------------------------------------------*/
div.main-content #collections-print {
	margin-bottom: 1.5em;
	clear: both;
}
	div.main-content #collections-print img {
		float: right;
		margin: 0 0 10px 10px;
	}
	div.main-content #collections-print ul {
		margin: 0;
		width: 300px;
	}
		div.main-content #collections-print ul li {
			background: none;
			padding: 0 0 10px 0;
		}
			div.main-content #collections-print ul li h3,
			div.main-content #collections-print ul li p {margin: 0;}


