/* CSS Document - National Building Museum Shop-specific styles */

body {
	background:#ffffff;
	margin-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(https://secure2.convio.net/nbm/images/content/pagebuilder/Shop-Header_Spread_slice.jpg);
	background-position:left 12px;
	background-repeat:repeat-x;
}

p, li, ol, ul, table, tr, th, td, .Explicit {
	font-family:Arial, Helvetica, sans-serif;
}

/*---------- TYPOGRAPHY ----------*/


/*---------- IMPORTANT!!! No default bottom/top margin, except on <p> tags */

/* Because regular users will be adding much content, all margins removed above and below <h>* tags...
   To add space below a heading, user will instead need to enter hard returns and breaks to achieve 
   desired appearance...*/

h1, h2, h3, h4 {
	margin-top:0px;
	margin-bottom:0px;
}

p {
	margin-top:0px;
}

h1 {
	font-size:26px;
	line-height:29px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-weight:bold;	
	text-align: left;
}

h2 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:19px;
	color:#494949;
	text-align: left;
}

h2 a:link {	
	color:#494949;
	text-decoration:underline;
}

h2 a:hover { color:black; }

h3 {
	font-size:14px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#494949;
	text-align: left;
}

h3 a:link {	
	color:#494949;
	text-decoration:underline;
}

h3 a:hover { color:black; }

h4 {
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#494949;
	text-align: left;
}

h4 a:link {	
	color:#494949;
	text-decoration:underline;
}

h4 a:hover { color:black; }

p {
	font-size:12px;
	line-height:16px;
	text-align: left;
}

p.small {
	font-size:11px;
	line-height:14px;
	text-align: left;
}


/* removed any margin settings on links...they are inline by default and should appear after a <br /> tag
   inside main <p> text....alternately nest in <p></p> tags...all <p> has margin settings above */ 
   
a, a:link {
	color:#007698;
	text-decoration:underline;
}

td {
	font-size:12px;
	line-height:16px;
}

#mainbody {
	padding:0px 0px 0px 35px;
}

#mainbody p {
	font-size:12px;
	line-height:16px;
}

#mainbody ul {
	list-style-type:none;
	margin-left:30px;
	margin-right:30px;
	padding-left:0px;
}

#mainbody li {
	list-style-type:disc;
	padding-bottom:10px;
}

#mainbody ol {
	margin-left:48px;
	margin-right:30px;
	padding-left:0px;
}

#mainbody .sponsor {
	font-size:11px;
	line-height:14px;
	margin:10px 30px 0 30px;
}

#mainbody .footer {
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}

/*---------shop navigation and header---------*/

#leftNav {
margin:0 0 20px 0;
padding:0;
list-style:none;
}

#leftNav a {
display:block;
color:#000000;
text-decoration:none;
padding:7px;
font-size:11px;
font-weight:normal;
}

#leftNav li {
border-bottom:1px solid #e2dfce;
font-size:11px;
}

#leftNav li.sectionHeader {
padding:10px;
color:#107195;
font-weight: bold;
}

#leftNav .navigationItem a {
color:black;
text-transform:uppercase;
padding:7px;
border-bottom:1px solid #e2dfce;
font-size:12px;
}

#leftNav .subnavigationItem a {
color:black;
text-transform:none;
padding:7px;
font-size:11px;
text-indent:10px;
}

.navigationItemLabel {
color:#0095cd;
padding-top:18px;
padding-bottom:8px;
}

/*---------shop landing page flash and feature graphics---------*/

td.shopFlash {
padding:0px 0px 30px 0px;
}

#shopFlash {
width:670px;
height:292px;
z-index:1000;
}

td.shopFeatures img {
margin:0px 0px 10px 0px;
}

td.shopFeat1 p {
margin:0px 0px 0px 11px;
}

td.shopFeat2 p {
margin:0px 0px 0px 15px;
}

td.shopFeat3 p {
margin:0px 0px 0px 16px;
}

/*---------shop homepage footer---------*/

/* CSS-generated circles for metro lines, will show as squares on some browsers */

.red-line {
	width:12px;
	height:12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#ed1d23;
	float:left;
	margin-right:5px;
}

.green-line {
	width:12px;
	height:12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#0b9444;
	float:left;
	margin-right:5px;
}

.yellow-line {
	width:12px;
	height:12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#ffde16;
	float:left;
	margin-right:5px;
}


/* footer, bottom portion */

#footer-bot {
	border-top:1px solid #c1131e;
	padding:20px 0px 20px 0px;
}

#footer-bot-content {
	width:900px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

#footer-bot ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footer-bot li {
	float:left;
	padding:0px;
	margin:0px 57px 0px 0px;
}

#footer-bot li.last {
	margin:0px;
}

#footer-bot li a {
	display:block;
	color:#c1131e;
	font-size:14px;
}

#footer-bot li a:hover {
	
}

/*---------generated product display content---------*/

/* (landing pages and individual products) */

.appArea {
	width:670px;
	margin:0px;
}

div.appArea {
	margin:0px;
}

div.appArea a, div.appArea a:visited {
	color:#0095cd;
}

#mainbody {
	padding:20px 0px 0px 35px;
}

table.ShoppingSearch {
	background-color:white;
	border:none;
	padding-bottom:0px;
	margin-bottom:0px;
}

div.appArea textarea, input, select, option, .Button {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #d1cebf;
}

.ShoppingButtonPrimary {
	padding:0px;
}

.Button, .ShoppingButtons, .ShoppingButtonsSmall, .ShoppingButtonPrimary, .ShipToOther {
	font-size:11px;
	margin-top:15px;
}

.NoteText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

label {
	font-size:11px;
}

#mainbody p {
	color:#494949;
	font-size:12px;
}

table.ShoppingBrowse {
	border:none;
	margin-bottom:25px;
}

table.ShoppingBrowse th.ShoppingBrowse p {
	font-size:14px;
	font-weight:bold;
}

th.ShoppingBrowse {
	background-color:white;
	border-bottom:1px solid #E2DFCE;
}

th.ShoppingBrowse p {
	color:white;
}

td.ShoppingBrowse {
	border:none;
}

table.ShoppingBrowse td, table.ShoppingBrowse th {
	padding:6px 6px 6px 0px;
}

a.ShoppingBrowse, a.ShoppingBrowse:visited, a.ShoppingBrowse:hover, a.Smaller, a.Smaller:visited, a.Smaller:hover {
	color:#0095cd;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

a.Smaller, a.Smaller:visited, a.Smaller:hover {
	padding-top:0px;
}

a.ShoppingBreadcrumb, a.ShoppingBreadcrumb:visited, a.ShoppingBreadcrumb:hover {
	color:#0095cd;
	font-weight:bold;
}

input.ShoppingButtonPrimary {
	border:1px solid #E2DFCE;
	font-weight:normal;
	margin-top:10px;
	color:black;
	background-color:#ece9d8;
	padding:2px;
}

.Button, .ShoppingButtons, .ShoppingButtonsSmall, .ShoppingButtonPrimary, .ShipToOther {
	padding:2px;
}

table.ShoppingRow {
	margin-top:20px;
}

div.ProductLongDescription, .ProductConfigLabel, .Explicit, .ShoppingPrice, span.ShoppingPrice {
	color:#6f6d61;
	font-size:11px;
	font-weight:normal;
}

div.ProductLongDescription {
	font-size:12px;
}

div.ProductLongDescription {
	margin-top:20px;
}

div.ProductLongDescription img {
	float:left;
	margin:0px 15px 8px 0px;
}

div.ProductConfigSection {
	display:none;
}

form#ConfigureProduct {
	clear:both;
	padding-top:20px;
}

hr {
	display:none;
}

div.ProductLongDescription, .ProductConfigLabel, .Explicit, .ShoppingPrice, span.ShoppingPrice {
font-size:12px;
font-weight:normal;
}


/* (shopping cart and checkout) */

.ShoppingCartContents {
	background-color:white;
	border:none;
	border-bottom:1px solid #E2DFCE;
	padding:0px;
	width:auto;
	margin-bottom:10px;
}

table.ShoppingCart {
	border-color:#E2DFCE;
	color:#6F6D61;
	margin-top:20px;
}

.ShoppingCartHeadings {
	background-color:white;
}

.ShoppingCartRow0 {
	background-color:white;
}

.CartItemName, .CartItemConfigLabel {
	font-weight:normal;
	color:#6F6D61;
}

.ShoppingCartRow1 {
	background-color:white;
}

.ShoppingCartHeadings {
	background-color:white;
}

.Hint {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}