/* Resets & Defaults
--------------------------------------------------*/

html, body, div, ul, ol, li, p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

/* 
The table styles are not set so the customer is able to make use of
the table cellpadding, cellspacing, and border properties available from 
the online editor. Setting these styles will overright those attributes. 

td, tr {
	margin: 0;
	padding: 0;
}

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

img, a img {
	border: 0 none;
}

a {
	color: #AF2B00;
	text-decoration: none;
}

a:hover {
	color: #AF2B00;
	text-decoration: underline;
}

/* Default Font Styling */
body, td {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	color: #000000;
}

.clear {
	clear: both;
}

/*
--------------------------------------------------*/

#Container {
	width: 950px;
	margin: 0 auto;
}

/* Menu
--------------------------------------------------*/

#Menu {
	padding: 15px 0;
	margin: 0;
	height: 32px;
}

#Menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size: 14px;
	float: right;
}

#Menu a {
	display: block;
	/* width: 10em; */
	padding: 9px 15px;
	float: left;
	border-right: 1px solid #000000;
}

	#Menu li#LastMenuItem a {
		border-right: 0 none;
	}

	#Menu a:hover {
		background: #E5E3E4;
		/* border-bottom: 1px solid #000000; */
		text-decoration: none !important;
	}

#Menu li { /* all list items */
	float: left;
	/* width: 10em; /* width needed or else Opera goes nuts */
}

#Menu li ul { /* second-level lists */
	position: absolute;
	margin-top: 32px;
	background: #FFFFFF;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#Menu li ul a {
	display: block;
	width: 170px;
	padding: 9px 15px;
	border-right: 0 none !important;
	border-bottom: 1px solid #000000;
}

	#Menu li ul a img {
		float: right;
	}

	#Menu li ul a:hover {	
		/* border-left: 1px solid #000000; */
		background: #E5E3E4;
		text-decoration: none !important;
	}

#Menu li ul ul { /* third-and-above-level lists */
	margin: 0 0 0 200px;
}

#Menu li:hover ul ul, #Menu li:hover ul ul ul, #Menu li.sfhover ul ul, #Menu li.sfhover ul ul ul {
	position: absolute;
	left: -999em;
}

#Menu li:hover ul, #Menu li li:hover ul, #Menu li li li:hover ul, #Menu li.sfhover ul, #Menu li li.sfhover ul, #Menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Header
--------------------------------------------------*/

#Header {

}

#Flash {

}

	#HomeFlash {
	
	}
	
	#ScrollingFlash {
	
	}
	
		#ScrollingFlash a {
			outline: none;
		}
		
		#ScrollingFlash object {
			outline: none;
		}

#BreadCrumbs {
	padding: 5px 0;
	margin-bottom: 1px;
	background: url(/Images/office-comforts-line.jpg) no-repeat left bottom scroll;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	color: #000000;
}

	#BreadCrumbs a:hover {
		text-decoration: underline !important;
	}

/* Content
--------------------------------------------------*/

#Content {
	padding: 15px 0;
}

#ECommerce {
	padding: 0 0 15px 0;
}

/* Footer
--------------------------------------------------*/

#Footer {

}

	#FooterLeft {
		float: left;
		padding: 5px 0 15px 0;
	}
	
	#FooterRight {
		float: right;
		padding: 5px 0 15px 0;
	}

/* ECommerce
--------------------------------------------------*/

#EComContainer {

}

	#EComHeader {
		padding: 5px 0;
		margin-bottom: 1px;
		background: url(/Images/office-comforts-line.jpg) no-repeat left bottom scroll;
		font-weight: bold;
		text-transform: uppercase;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size: 12px !important;
		color: #000000;
	}
	
		#EComBreadCrumbs {
			width: 50%; 
			float: left;
			padding-top: 4px;
		}
		
			#EComBreadCrumbs a:hover {
				text-decoration: underline !important;
			}
		
		#EComCartSummary {
			width: 45%;
			float: right;
			font-size: 12px !important;
		}
		
			#EComCartSummary table {
				padding: 0;
				margin: 0;
			}
			
				#EComCartSummary table td {
					padding: 0;
					margin: 0;
				}
				
	.ShopDescription {
		text-align: left;
		font-weight: normal;
		padding: 7px 0 0 0;
	}
	
	#EComBody {
		clear: both;
		padding: 15px 0 0 0;
	}
	
	#EComFooter {
	
	}

table.HideTable {
	padding: 0;
	margin: 0;
	display: none;
	visibility: hidden;
	height: 0;
}

	table.HideTable td {
	
	}
	
/* Shop Catalog
--------------------------------------------------*/

.ShopCatalog {
	width: 200px;
}
	.ShopCatalogImage {
		width: 200px;
		height: 188px;
		/* border: 1px solid #000000; */
		overflow: hidden;
	}
	
		.ShopCatalogImage img {
			width: 200px;
		}
		
	.ShopCatalogName {
		text-align: center;
		font-weight: bold;
	}
	
		.ShopCatalogName a {
			color: #000000;
		}

table.catalogueTable {

}

table.catalogueTable td {
	vertical-align: top;
}

	td.catalogueItem {
		padding: 0 0 15px 0 !important;
	}
		
/* Small Product
--------------------------------------------------*/
	
.SmallProduct {
	width: 200px;
}

	.SmallProductImage {
		width: 200px;
		height: 188px;
		/* border: 1px solid #000000; */
		overflow: hidden;
	}
	
		.SmallProductImageResize img {
			width: 200px;
		}
	
	.SmallProductName {
		text-align: left;
		font-weight: bold;
	}
	
		.SmallProductName a {
			color: #000000;
		}
	
	.SmallProductDescription {
		font-weight: normal;
	}
	
	.SmallProductPrice {
		color: #AF2B00;
		font-weight: normal;
		font-size: 14px;
	}

	table.productSmall td.productItem {
		vertical-align: top;
		padding: 0 0 10px 0;
	}
		
/* Large Product
--------------------------------------------------*/
	
.LargeProduct {
	float: left;
}

.LargeProductLeft {
	width: 320px;
	float: left
}

	.LargeProductImage {
		width: 320px;
	}
	
		.LargeProductImage img {
			width: 320px;
		}

.LargeProductRight {
	width: 624px;
	float: left;
}

	.LargeProductName {
		color: #AF2B00;
		font-weight: bold;
		font-size: 20px;
		margin: 0 0 10px 0;
	}
	
	.LargeProductFields {
		margin: 0 0 10px 0;
	}
	
		.LargeProductFields strong {
			font-size: 16px;
		}
	
	.LargeProductDescription {
		margin: 0 0 10px 0;
	}
	
	.LargeProductPurchase {
	
	}
	
		.LargeProductAttributes {
			margin: 0 0 10px 0;
			float: left;
		}
		
			.productAttributes {
				float: left;
			}
			
				.catProductAttributeGroup {
					float: left;
				}
				
					.catProdAttributeTitle {
						float: left;
						width: 80px;
						font-size: 16px;
						font-weight: bold;
					}
					
					.catProdAttributeItem {
						width: 150px;
						float: left;
					}
					
						.catProdAttributeItem  select {
						
						}
		
		.LargeProductPrice {
			clear: both;
			margin: 0 0 10px 0;
		}
		
			.LargeProductSalePrice {
				display: none;
				color: #AF2B00;
				font-weight: bold;
				font-size: 20px;
			}
			
				.LargeProductSalePrice span { 
					text-decoration: none !important;
				}
				
				.LargeProductSalePrice .CrossOut {
					text-decoration: line-through !important;
				}
		
			.LargeProductSellPrice {
				color: #AF2B00;
				font-weight: bold;
				font-size: 20px;
			}
		
		.LargeProductBuyNow {
		
		}
		
			.LargeProductBuyNow img {
				cursor: pointer;
			}
	
	.LargeProductSimilar {
	
	}
	
/* Shopping Cart
--------------------------------------------------*/

#ShoppingCart {
	margin: 15px 0 0 0;
}

	.CartTitle {
		font-weight: bold;
		font-size: 16px;
	}
	
	.CartTotal {
		font-weight: bold;
		font-size: 20px;
	}
	
	.CartPrice {
		color: #AF2B00;
		font-weight: bold;
		font-size: 20px;
	}

/* Checkout
--------------------------------------------------*/

#Checkout {

}

table.CheckoutForm {
	border-collapse: collapse;
}

	table.CheckoutForm td {
		padding: 5px 20px 5px 0;
		vertical-align: bottom;
	}

	#Checkout .req {
		font-weight: bold;
		color: #AF2B00;
		font-size: 18px;
	}
	
#CardExpiryMonth {
	width: 70px !important;
	margin-right: 3px !important;
}

#CardExpiryYear {
	width: 70px !important;
}

#CardType {
	width: 143px !important;
}

#CardCCV {
	width: 70px !important;
}

/* #Amount {
	background: none;
	font-weight: bold;
	font-size: 30px;
	height: 32px;
	color: #AF2B00;
	border: 0 none;
} */

#DollarSign {
	font-weight: bold;
	font-size: 30px;
	line-height: 32px;
	color: #AF2B00;
}