/*-----------------------------------------------------------------------------------------
	 Storefront Tables - Styles within the table are defined later 
	----------------------------------------------------------------------------------------*/

	/* pcMainTable is the container for all information displayed on the
     by ProductCart on the page */
		.pcMainTable {
			width: 100%;
			border: 0;
			border-collapse: collapse;
		}

	/* pcShowProducts is the table that organizes the display of products
	   (e.g. in a category or when viewing best sellers or new arrivals.
		 By default it's set to 100% width and to align in the center of the page. */
		.pcShowProducts {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			border: 1px solid #E1E1E1;
			margin-top: 10px;
			padding: 5px;
		}
		
		.pcShowProducts td {
			padding: 3px;
			vertical-align: top;
		}
		
	/* pcShowContent is the table that organizes the display of information other than
	   products. It does not have a dotted border around it. 
		 By default it's set to 100% width and to left of the page. */
		.pcShowContent {
			text-align: left;
			margin-left: 0;
			width: 100%;
			border: 0;
			border-collapse: collapse;
			margin-top: 5px;
			padding: 5px;
		}
		
		.pcShowContent td {
			padding: 3px;
			vertical-align: top;
		}
		
	/* pcShowCart is the table that organizes the display of information on
		 the shopping cart page */
		.pcShowCart {
			text-align: left;
			margin-left: 0;
			width: 100%;
			border: 0;
			border-collapse: collapse;
		}

		.pcShowCart td {
			padding: 1px;
			vertical-align: top;
		}
		
	/* pcShowList is used when showing a list of items such as quantity discounts */
		.pcShowList {
			text-align: left;
			width: 80%;
			border: 1px solid #e1e1e1;
			border-collapse: collapse;
		}

	/* pcPageNav handles the page navigation at the bottom of the page, when present. */
		.pcPageNav {
			text-align: left;
			width: 100%;
			border: 0;
			border-collapse: collapse;
			margin: 5px 0 0 0;
		}

/* Styles within MAIN TABLE */
	
	/* Style the table title (e.g. table showing quantity discounts) */
	.pcMainTable h2 {
		background-color: #F5F5F5;
		font-size: 15px;
		margin: 0 0 5px 0;
		padding: 5px;
	}
	
	.pcMainTable h3 {
		font-size: 12px;
		margin-top: 10px;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	
	/* Style the table headings */
	.pcMainTable th {
		background-color: #FFFFCC;
		font-size: 12px;
		font-weight: bold;
		padding: 4px;
		border-bottom: 1px solid #E1E1E1;
	}
	
/* Style within SHOW PRODUCTS table */

	/* Style the product name */
	.pcShowProductName {
		font-size: 12px;
		color: #CC6600;
	}
	
	/* Style the product sku */
	#pcMain .pcShowProductSku {
		color: #666666;
	}
	
	/* Style the product weight */
	#pcMain .pcShowProductWeight {
		color: #666666;
	}
	
	/* Style the product brand */
	#pcMain .pcShowProductBrand {
		color: #666666;
	}
	
	/* Style the product stock */
	#pcMain .pcShowProductStock {
		color: #666666;
	}
	
	/* Style the Product BTO Default Config */
	#pcMain .pcShowProductBTOConfig {
		color:#666666;
	}
	
	/* Style the Product Custom Search */
	#pcMain .pcShowProductCustSearch {
		color:#666666;
	}
	
	#pcMain .pcShowProductCustSearch a {
		text-decoration: none;
	}

	
	/* Style the Product Free Shipping Text */
	#pcMain .pcShowProductShipping {
		color:#666666;
	}
	
	/* Change font color for "Show Product's Price" feature */
	#pcMain .pcShowProductPrice {
		color:#000000;
	}
	
	/* Strikethrough for List Price */
	#pcMain .pcShowProductListPrice {
		text-decoration:line-through;
	}
	
	/* Change font color for "Show Savings" feature */
	#pcMain .pcShowProductSavings {
		color:#FF6600;
	}
	
	/* Style the short product description */
	#pcMain .pcShowProductSDesc {
		color:#666666;
		padding-right: 30px;
	}
	
	/* Style the "Not for Sale" text */
	#pcMain .pcShowProductNFS {
		color:#0066FF;
		font-weight:bold;
		margin: 5px;
	}
	
	/* Style the paragraph that includes the "More Details" button */
	.pcShowProductLink {
		padding-top: 3px;
		
	}
	
	.pcShowProductLink img {
		border: 0px;
	}
	
	.pcShowProductLink a:hover {
		border: 0px;
	}
	.pcShowProductLink a:visited {
		border: 0px;
	}
	.pcShowProductLink a:link {
		border: 0px;
	}
	
	/* Style the paragraph that includes the "Sort by" drop-down */
	.pcSortProducts {
		text-align: right;
	}

	/* pcShowProductsH handles the table that shows product info
	   when products are displayed horizontally */
		 
		.pcShowProductsH {
			width: 160px;
			height: 225px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		.pcShowProductImageH {
			height: 125px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		#pcMain .pcShowProductImageH img {
			border: 1px solid #E1E1E1;
			padding: 5px;
		}
		
		.pcShowProductInfoH {
			height: 100px;
			margin-top: 5px;
			vertical-align: top;
		}
		
		.pcShowProductInfoH p {
			text-align: center;
		}
		
	/* pcShowProductsHCS handles the table that shows product info
	   when cross selling products are shown with images */
		
		.pcShowProductsHCS {
		 width: 125px;
		 height: 225px;
		 text-align: center;
		 margin-left: auto;
		 margin-right: auto;
		}
	
	/* pcShowProductsP handles the table that shows product info
	   when products are displayed vertically */
		 
		.pcShowProductsP {
			margin: 5px;
			padding: 5px;
			width: 100%;
		}
		
		.pcShowProductImageP {
			height: 125px;
			width: 125px;
			text-align: center;
		}
		
		#pcMain .pcShowProductImageP img {
			border: 1px solid #E5E5E5;
			padding: 5px;
		}
		
		.pcShowProductInfoP {
			text-align: left;
			width: 95%;
			padding-left: 10px;
		}
		
	/* pcShowProductsL handles the table that shows product info
	   when products are displayed in a list */
		 
		.pcShowProductsL {
			width: 100%;
			text-align: left;
		}
		
		.pcShowProductsLheader {
			text-align: left;
			background-color:#F7F7F7;
		}
		
		.pcShowProductsLCell {
			vertical-align: top;
			text-align: left;
		}
		
		.pcShowProductImageL {
			height: 25px;
			width: 25px;
			text-align: left;
			padding: 5px 5px 0 5px;
		}
		
	/* pcShowProductsM handles the table that shows product info
	   when products are displayed in a list with the quantity field */
		 
		.pcShowProductsMheader {
			text-align: left;
			background-color:#F7F7F7;
		}
		
		.pcShowProductsM {
			width: 100%;
			text-align: left;
			vertical-align: top;
		}
		
		.pcShowProductImageM {
			height: 25px;
			width: 25px;
			text-align: left;
			padding: 0 5px 0 5px;
		}
				
		
/*-----------------------------------------------------------------------------------------
	 ProductCart Build To Order
	----------------------------------------------------------------------------------------*/
		 
		/* Style the product configuration pages */
		.pcBTOmainTable {
			width: 100%;
			background-color: #FFFFFF;
			border: 0;
			border-collapse: collapse;
		}
		
		.pcBTOfirstRow {
			background-color: #F5F5F5;
		}
		
		.pcBTOsecondRow {
			background-color: #E1E1E1;
		}
		
		/* Style the pop-up window used by ProductCart Build To Order to show additional
			 item information on the configuration pages */
		.pcBTOpopup {
			width: 98%;
			background-color: #FFFFFF;
			border: 0;
			border-collapse: collapse;
			margin: 5px;
			font-size: 10px;
		}
		
		.pcBTOpopup img {
			margin: 5px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		/* Style the detailed product configuration when shown on the shopping cart page
			 order details page, etc. */
		.pcShowBTOconfiguration {
			text-align: left;
			background-color:#F7F7F7;
		}
		
		.pcShowBTOconfiguration p {
			size: 10px;
			color:#666666;
		}
		
/*-----------------------------------------------------------------------------------------
	 Browse by Category or Brand
	----------------------------------------------------------------------------------------*/
		 
		.pcShowCategory {			
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		.pcShowCategory td {
			vertical-align: bottom;
		}
		
		.pcShowCategoryP {
			width: 100%;
			text-align: left;
		}
		
		.pcShowCategoryImage {
			height: 125px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		.pcShowCategoryImage img {
			border: 1px solid #E5E5E5;
			padding: 5px;
		}
		
		.pcShowCategoryInfo {
			margin-top: 5px;
			vertical-align: top;
		}
		
		.pcShowCategoryInfo p {
			text-align: center;
		}
		
		.pcShowCategoryInfoP {
			width: 100%;
			margin-top: 5px;
			text-align: left;
			vertical-align: top;
		}

/*-----------------------------------------------------------------------------------------
	 Product details page
	----------------------------------------------------------------------------------------*/
	
		/* Visually separate prices from the rest of the information */
		.pcShowPrices {
			margin-top: 10px;
			margin-bottom: 10px;
			font-weight: bold;
		}
	
/*-----------------------------------------------------------------------------------------
	 Search results page
	----------------------------------------------------------------------------------------*/

	/* Style list of categories in the category search results */
	.pcCatSearchResults ul {
		list-style-type: none;
		margin: 0 0 20px 15px;
		padding: 0;
	}

	.pcCatSearchResults ul li {
		margin: 2px 0 0 0;
	}


/*-----------------------------------------------------------------------------------------
	 Other styles
	----------------------------------------------------------------------------------------*/

	/* Remove the default border from images */	
	#pcMain img {
		border: 0; 
	}

	/* Style the page description at the top of the page, when available */
	.pcPageDesc {
		margin-bottom: 5px;
		padding: 5px;
		background-color: #F7F7F7;
	}
	
	/* Styles section titles on pages with different sections (e.g. search results) */
	.pcSectionTitle {
		background-color: #F7F7F7;
		text-align: left;
		padding: 5px;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
	}	
		
	/* Example of usage: preview search results text on advanced search page */
	.pcTextMessage {
		color: #66cc33;
		font-weight: bold;
		}
		
	/* Styles alert and friendly error messages shown to the customer in the storefront */
	.pcErrorMessage {
		width: 90%;
		border: 1px solid #cccccc;
		margin: 15px;
		padding: 4px;
		font-weight: bold;
		text-align: center;
	}	
	
	/* Styles small text shown in various pages (e.g. "(mm/yy)" on the credit card page */
	.pcSmallText {
		font-size: 10px;
		color:#999999;
		}
		
	/* Sets the height of an empty table row */
	.pcSpacer {
		height: 10px;
	}
		
	/* Horizontal line */
	#pcMain hr {
	color: #e5e5e5;
	background: #e5e5e5;
	border: 0;
	height: 1px;
	}
	
	/* Add spacing to list items */
	#pcMain li {
	padding-bottom: 3px;
	}

/*-----------------------------------------------------------------------------------------
 ProductCart Product ViewPrd.asp Images
----------------------------------------------------------------------------------------*/	

	#pcMain .pcShowMainImage {
		width: auto;
		height: auto;		
		text-align: center;
		vertical-align: bottom;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	#pcMain .pcShowMainImage img {
		padding: 5px;
		border: 1px solid #cccccc;
	}
	
	#pcMain .pcShowAdditional {
		width: 240px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;			
	}
	
	#pcMain .pcShowAdditionalImage {
		vertical-align: top;
		text-align: center;
		padding: 0 0 0 0;
	}
	
	#pcMain .pcShowAdditional img {
		width: 50px;						
		border: 1px solid #cccccc;
	}
	
/*-----------------------------------------------------------------------------------------
	 ProductCart v2.7x styles
	----------------------------------------------------------------------------------------*/
	
	/* Printer-friendly version of order details page */
	table.invoice {
		border-collapse:collapse;
		border: 1px solid #333333;
	}
	table.invoiceBto {
		border-collapse:collapse;
		border: 1px solid #999999;
	}
	td.invoice {
		border: 1px solid #666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		vertical-align:top;
		text-align:left;
	}
	td.invoiceNob {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		vertical-align:top;
		text-align:left;
	}

/* END */

/* BEGIN CUSTOM CSS */
body {
	background: #cdceaf url('images/background.jpg');
	background-position: top center;
	font-size: 80%;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #7b7b7b;
	text-align: left;
	}

#container {
	width: 745px;
	margin: 10px auto;
	background-color: #ffffff;
	}

#header {
	width: 745px;
	height: 150px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #bbbbbb;
	}

#logo {
	float: left;
	width: 203px;
	height: 150px;
	background-image: url('images/logo.jpg');
	}

#flash {
	float: left;
	width: 542px;
	height: 150px;
	}

#top ul#topmenu {
	background: #efefef;
	margin: 0px;
	padding: 5px;
	height: 25px;
	}

#top ul#topmenu li {
	float: left;
	list-style-type: none;
	padding: 0px 16px;
	height: 30px;
	}
	
#top ul#topmenu li a {
	padding-top: 5px;
	display: block;
	}

#sidebar {
	float: left;
	width: 183px;
	padding-left: 20px;
	padding-top: 20px;
	text-align: left;
	}
	
#sidebar ul#menu {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

#sidebar ul#menu li {
	padding: 2px 0px 2px 25px;
	list-style-type: none;
	background: url(images/raquo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
#sidebar ul#menu li a {
	color: #000000;
	font-size: 1.4em;
	text-decoration: none;
	}
	
#sidebar ul#menu li a:hover {
	color: #66cc33;
	}

#sidebar h2 {
	font-size: 1.4em;
	color: #66cc33;
	font-weight: normal;
	margin-bottom: 0px;
	}

#sidebar #catlist td {
	height: 15px;
	vertical-align: text-top;
	}

#sidebar #catlist td a {
	padding-left: 15px;
	}

#sidebar #catlist a:hover, #sidebar #catlist a:visited {
	text-decoration: none;
	}

#searchform {
	float: left;
	margin: 0px;
	}

#searchform input {
	border: 1px solid #66cc33;
	background: #ffffff;
	height: 20px;
	padding: 0px;
	}

#searchform .clearBorder {
	border: 0;
	background-color: transparent;
	}	

#content {
	float: left;
	width: 522px;
	padding-top: 20px;
	padding-right: 20px;
	}

#bottom {
	width: 745px;
	height: 25px;
	text-align: center;
	font-size: 0.8em;
	padding: 10px 0px;
	}
	
#bottom p {
	margin: 10px;
	}

a:link, a:visited {
	text-decoration: none;
	color: #000000;
	}

a:hover {
	color: #66cc33;
	text-decoration: underline;
	}
	
h1 {
	color: #666666;
	font-weight: normal;
	background-color: #f3f3f3;
	font-size: 1.5em;
	margin: 0 0 5px 0;
	padding: 5px;
	}

.clear {
	clear: both;
	}

.centered {
	text-align: center;
	}

.green {
	font-weight: bold;
	color: #66cc33;
	} 

.floatleft {
	float: left;
	padding-right: 5px;
	}

img {
	border: none;
	}

.smallsidebar {
	width: 155px;
	}

.smallsidebar hr.nospace {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	}