/*

Use this stylesheet to change the look of the default header and footer that ship with ProductCart
*/
html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #cccccc;
	text-align: center;
	background-color: #141414;;
	margin:0; 
	padding:0; 

}

a{color:#FC0}
a:hover{color:#FFF}
a:visited{color:#FFF}


#pcHomePage {
	COLOR: #fff;
	text-align:center;
	padding:10px;
}
#pcHomePage H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #f4c342
}
#pcHomePage HR {
	BORDER-TOP: #f4c342 1px dotted; HEIGHT: 1px
}
#pcHomePage DIV {
	FLOAT: left; PADDING-BOTTOM: 10px
}
#pcHomePage DIV A:link {
	COLOR: #fff
}
#pcHomePage DIV A {
	COLOR: #fff
}
#pcHomePage DIV A:visited {
	COLOR: #fff
}
#pcHomePage DIV A:hover {
	COLOR: #ccc
}
#pcHomePage UL {
	MARGIN-LEFT: 10px
}
#pcHomePage LI {
	FLOAT: left;
	MARGIN-LEFT: 10px;
}

/* TOP AREA of the page: store description, store name, search box, navigation */

		#pcHeader {
			width: 960px;
			height: 79px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5px;
			padding: 0;
			font-size: 14px;
			color: #cccccc;
			border-collapse: collapse;
			border: 0;
			background-image:url(/images/navbar.jpg);
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		#pcHeader td {
			/*padding: 3px;*/
			vertical-align: bottom;
		}
		
		
		#pcTopNav {
			text-align: right;
			height:49px;
			margin-right:0px;
			border:hidden;
			padding:0px;
		}

		
		#pcTopNav ul {
			list-style: none;
			margin-top:10px;
			padding:0px;
		}
		
		#pcTopNav li {
			display: inline;
			padding-right: 10px;
		}
		
		#pcTopNav a:link, #pcTopNav a:visited {
			text-decoration: none;
			font-size: 14px;
			color: #999999;
		}
		
		#pcTopNav a:hover {
			color: #FFF;
		}

/* End TOP AREA of the page */

/* MAIN AREA: three columns: left navigation, main content, login box etc.*/
	/* Define the wrapper and the three columns: */
	
		#pcMainArea {
			width: 960px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5px;
			padding: 0;
			border: 0;
			border-collapse: collapse;
			height:100%;
			text-align:left
		}

	#pcMainTable {
		width: 960px;
			margin-left: auto;
			margin-right: auto;
		
		}
/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
		}
		
		/*#pcFooter a:link, #pcFooter a:visited, #pcFooter a:hover {
			text-decoration: none;
			color: #666666;
		}*/
		
		#pcFooterSpacer {

		}
		
		#pcFooterSpacer li{
			display: inline;
			margin-right:10px;
			
		}
	
/* END Footer */

/* --------- MAIN NAV --------- */

#pcHeader a:focus {
	outline-style: none;
	}
	

		#pcHeader ul#mainnav {
			display: block;
			float: right;
			height: 30px;
			padding:0px;
			margin:0px;
			margin-right:10px;
			width:770px;
			}

		#pcHeader ul#mainnav > li {
			float: left;
			display: block;
			height: 30px;
			position: relative;
			/*margin-top:38px;*/
			padding:0;
			}

				#pcHeader ul#mainnav > li.dropdown:hover > a {
					display: block;
					background: transparent url(/images/nav.png) repeat 0 0;
					color: #fff;
					}
		
			#pcHeader ul#mainnav > li > a {
				color: #000;
				background: transparent;
				padding: 5px 20px 0;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
				display: block;
				height: 25px;
				/*line-height: 20px;*/
				text-transform: uppercase;
				text-decoration:none;
				}
				
				#pcHeader ul#mainnav > li > a.last {
					padding: 27px 13px 0px 20px;
					}

	   			#pcHeader ul#mainnav > li.active > a, #pcHeader ul#mainnav > li > a:hover {
	   				color: #fff;
	   				background: transparent;
	   				}
	
					#pcHeader ul#mainnav > li.active > a:focus {
						outline-style: none;
						}

/* --------- MAIN SUB NAV --------- */

		#pcHeader li.dropdown ul.column {
			position: absolute;
			/*top: 56px;*/
			display: none;
			background: transparent url(/images/nav.png) repeat 0 0;
			padding: 12px 7px 5px 0;
			width: 200px;
			z-index: 200;
			}
		
/* - - - - - */
				
		#pcHeader li.dropdown ul.one.column {
			width: 175px;
			padding-top: 5px;
			}
		
			#pcHeader li.dropdown ul.one.column li {
				width: 146px;
				}
			
		#pcHeader li.dropdown ul.two.column {
		    width: 240px;
		    }
		
/* - - - - - */

			#pcHeader li.dropdown:hover ul {
				display: block;
				}

				#pcHeader li.dropdown ul.column li {
					float: left;
					width: 90px;
					margin: 0 15px;
					}
					
   					#pcHeader li.dropdown ul.column li li {
   						margin: 0;
   						width: auto;
   						float: none;
   						}	

			#pcHeader ul#mainnav li li a {
				color: #000;
				display: block;
				background: transparent;
				border-top: 1px solid #fff;
				font-size: 12px;
				text-transform: none;
				padding: 5px 0;
				text-decoration:none;
				}
				
				#pcHeader ul#mainnav ul.one li:first-child a {
					border: none;
					}
				
				#pcHeader li li li:first-child a {
					border: none;
					}
					
				#pcHeader ul.one li:first-child a {
					border: none;
					}

				#pcHeader ul#mainnav li li a:hover, #pcHeader ul#mainnav li li.active a {
					background: transparent;
					color: #fff;
					}
					
		#pcHeader ul#mainnav li li h5 {
			padding: 5px 0;
			}
	
			#pcHeader ul#mainnav li li h5 a {
				color: #000;
				background: transparent;
				text-transform: uppercase;
				font-size: 14px;
				line-height: 19px;
				border: none;
				display: inline;
				}
				
				
				
/*--------------------------------------------------*/

/*-----------------------------------------------------------------------------------------
	MAIN Styles - They apply to the entire storefront, unless otherwise defined below
	----------------------------------------------------------------------------------------*/

	/* 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:Tahoma, Geneva, sans-serif;
		font-size: 16px;
		color: #ffffff;
		text-align: left;
		margin:0px;
		height: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: #FF6600;
	}
	
	#pcMain a:visited {
		color: #FF6666;
	}
	
	#pcMain a:hover {
		color: #666666;
		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: 0;
			border-collapse: collapse;
		}
		
		.pcMainTable td {
			padding:5px;
		}

		
	/* 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: 5px;
		}
		
		.pcShowContent td {
			padding: 3px;
			vertical-align: top;
		}


/* Styles within MAIN TABLE */

	/* Style the page title */
	.pcMainTable h1 {
		font-size: 24px;
		font-weight: normal;
		margin: 0 0 5px 0;
		padding: 5px;
	}
	
	/* Style the table title (e.g. table showing quantity discounts) */
	.pcMainTable h2 {
		font-size: 18px;
		margin: 0 0 5px 0;
		padding: 5px;
		Color:#D494AF;
	}
	
	.pcMainTable h3 {
		font-size: 16px;
		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 dotted #cccccc;
	}
	
	/* Remove the default marging from paragraphs */	
	.pcMainTable p {
		margin: 0 0 0 5px;
	}
		

	
	/* Clear border on checkboxes to fix IE bug */
	#pcMain .clearBorder {
		border: 0;
		background-color: transparent;
	}	


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

	/* Remove the default border from images */	
	#pcMain img {
		border: 0; 
	}
	
		
	/* 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;
	}

	


/* END */