/* pcMain is the container for all information displayed by ProductCart on the page
	   This is where you can change the font used storewide, for example.  */
	#pcMain {
		font-family: Arial;
		font-size: 11px;
		color: #000000;
		text-align: left;
		background-color: #FFFFFF;
		width: 100%;
	}
	
	/* The following two statements assign a style to links storewide. They are sometimes
	   overwritten by other styles that target specific links. */
	#pcMain a:link {
		color: #0066FF;
		text-decoration: none;
	}
	
	#pcMain a:visited {
		color: #0066FF;
		text-decoration: none;
	}
	
	#pcMain a:hover {
		color: blue;
		text-decoration: underline;
	}



	#pcCats {
		font-family: Arial;
		font-size: 11px;
		color: #000000;
		text-align: left;
		margin-left: 20px;
		margin-right: 40px;
	}
	
	#pcCats a:link {
		color: #0066FF;
		text-decoration: none;
	}
	
	#pcCats a:visited {
		color: #0066FF;
		text-decoration: none;
	}
	
	#pcCats a:hover {
		color: blue;
		text-decoration: underline;
	}


	
	#quicklinks a:link {
		font-weight: bold;
		color: #99CCFF;
		text-decoration: none;
	}
	
	#quicklinks a:visited {
		font-weight: bold;
		color: #99CCFF;
		text-decoration: none;
	}
	
	#quicklinks a:hover {
		font-weight: bold;
		color: white;
		text-decoration: none;
	}






/*-----------------------------------------------------------------------------------------
	 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: 0px;
			border-collapse: collapse;
			padding: 0px;
		}

	/* 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 dotted #E1E1E1;
			margin-top: 0px;
			margin-bottom: 15px;
			padding: 5px;
		}
		
		.pcShowProducts td {
			padding: 3px;
		}
		
	/* 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: 0px;
			padding: 0px;
		}
		
		.pcShowContent td {
			padding: 2px;
			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;
		}
	.pcShowCart a:link {
		color: #0066FF;
		text-decoration: none;
	}
	.pcShowCart a:visited {
		color: #0066FF;
		text-decoration: none;
	}	
	.pcShowCart a:hover {
		color: #0000FF;
		text-decoration: underline;
	}
		
	/* 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 page title */
	.pcMainTable h1 {
background-image: url('design2/h1-bg.gif');
		font-size: 18px;
		font-family: Verdana;
		margin: 0 0 5px 0;
		font-weight: normal;
		color: #414141;
		padding: 10px;
	}

	.pcMainTable h4 {
		background-color: #E0E0E0;
		font-size: 18px;
		font-family: Verdana;
		margin: 0 0 5px 0;
		padding: 5px;
	}


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

	/* Style the product name */
	.pcShowProductName {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}
	
	/* Style the product sku */
	#pcMain .pcShowProductSku {
		color: #666666;
		font-size: 8px;
	}
	
	/* 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:#000000;
		background-image: url('http://www.dinopc.com/shop/pc/images/cat3.gif');
	}
	
	/* Style the Product Custom Search */
	#pcMain .pcShowProductCustSearch {
		color:#666666;
	}
	
	/* 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:#000000;
		padding-right: 30px;
	}
	
	/* Style the "Not for Sale" text */
	#pcMain .pcShowProductNFS {
		color:#666666;
		font-weight:bold;
		margin: 5px;
	}
	
	/* Style the paragraph that includes the "More Details" button */
	.pcShowProductLink {
		padding-top: 3px;
	}
	
	/* 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: 200px;
			height: 225px;
			text-align: center;
		}
		
		.pcShowProductImageH {
			height: 125px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		#pcMain .pcShowProductImageH img {
			border: 0px;
			padding: 2px;
		}
		
		.pcShowProductInfoH {
			height: 100px;
			margin-top: 5px;
			vertical-align: top;
		}
		
		.pcShowProductInfoH p {
			text-align: left;
		}
		
	/* 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;
		}
		
		.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;    */
			background-image: url('http://www.dinopc.com/shop/pc/images/cat2.gif');
		}
		
		.pcShowProductsLCell {
			vertical-align: top;
			text-align: left;
		}
		
		.pcShowProductImageL {
			height: 60px;
			width: 60px;
			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;
			margin: 0px;
			border-collapse: collapse; 
			padding: 0 0px 0 0px;  
		}
		
		.pcBTOfirstRow {
/*			background-image: url('http://www.dinopc.com/shop/pc/images/descbg.gif');   */
			background-color: #FFFFFF;
			border: 0;
			margin: 0px;
			border-collapse: collapse; 
			padding: 0 0px 0 0px;

		}
		
		.pcBTOsecondRow {
/*                      background-image: url('http://www.dinopc.com/shop/pc/images/descbg.gif');   */
			background-color: #FFFFFF;
		}
		
		/* 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: 11px;
		}
		
		.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;
		}
		
		
/*-----------------------------------------------------------------------------------------
	 Page Navigation
	----------------------------------------------------------------------------------------*/

	.pcPageNav {
		text-align: left;
		margin: 10px 0 10px 5px;
	}
	
	.pcPageName a:link, #pcCatNav a:visited {
		color: #999999;
	}
	
	.pcPageNav a:hover {
		color: #000000;
		text-decoration: none;
	}

/*-----------------------------------------------------------------------------------------
	 Forms
	----------------------------------------------------------------------------------------*/

	/* Clear the margins for all forms used by ProductCart */
	#pcMain form {
		margin: 0;
		}
		
	.pcForms input {
		border: 1px solid #CCCCCC;
		background-color:#F7F7F7;
		font-size: 11px;
		color:#666666;
		padding: 2px 3px 2px 3px;
	}
	
	.pcForms input:focus {
		border: 1px solid #999999;
		background-color: #FFFFCC;
	}
	
	.pcForms textarea {
		border: 1px solid #CCCCCC;
		background-color: #F7F7F7;
		font-size: 11px;
		color:#666666;
		padding: 2px 3px 2px 3px;
	}
	
	.pcForms textarea:focus {
		border: 1px solid #999999;
		background-color: #FFFFCC;
	}
	
	/* Style drop-down menus */
	.pcForms select {
		font-size: 10px;
		color: #333333;
		background-color: #F5F5F5;
		border: 1px solid #CCCCCC;
	}
	
	/* Style submit image button */
	#submit {
		border: 0;
		background-color: transparent;
		padding: 0px;
	}
	/* Style submit image button */
	#pcMain .submit {
		border: 0;
		background-color: transparent;
		padding: 0px;
	}
	
	/* Style submit button (when an image is NOT used) */
	#pcMain .submit2 {
		border: 1px solid #CCCCCC;
		background-color: #FFFFCC;
		font-size: 11px;
		color:#666666;
		padding: 2px 3px 2px 3px;
	}
	
	/* Style the transparent fields used by ProductCart Build To Order and Apparel Add-on */
	#pcMain .transparentField {
		border: 0;
		background-color: transparent;
		padding: 0;
	}	
	
	/* Clear border on checkboxes to fix IE bug */
	#pcMain .clearBorder {
		border: 0;
		background-color: transparent;
	}	
	
/*-----------------------------------------------------------------------------------------
	 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: #FFFFFF;
	}
	
	/* Styles section titles on pages with different sections (e.g. search results) */
	.pcSectionTitle {
/*			background-color:#F7F7F7;   */
			background-image: url('http://www.dinopc.com/shop/pc/images/cat3.gif');

		text-align: left;
		padding: 5px;
		font-size: 11px;
		font-weight: bold;
		color: #666666;
	}	
		
	/* Example of usage: preview search results text on advanced search page */
	.pcTextMessage {
		color: #666666;
		font-weight: bold;
		}
		
	/* Styles alert and friendly error messages shown to the customer in the storefront */
	.pcErrorMessage {
		width: 90%;
		background-color: #F7F7F7;
		border: 1px solid #6B6B6B;
		margin: 15px;
		padding: 4px;
		color: #666666;
		font-size:11px;
		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:Arial;
		font-size:11px;
		vertical-align:top;
		text-align:left;
	}
	td.invoiceNob {
		font-family:Arial;
		font-size:11px;
		vertical-align:top;
		text-align:left;
	}

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

.arrowlistmenu{
width: 207px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Arial;
color: white;
background: black url(design3/titlebar.gif) center left;
margin-top: 0px;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 25px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-align:left;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(design3/titlebar-active.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #333333;
background: url(design3/menuitem.gif) center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 0px solid #dadada;
font: 8pt Arial;
text-align:left;
}

.arrowlistmenu ul li a:visited{
color: #333333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
background: url(design3/menuitem2.gif) center left;
}

/* END */