/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/*  ProductCart Shopping Cart Software                                           */
/*  Copyright Early Impact LLC 2006, All Rights Reserved                         */
/*  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: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background-color: #aaaaaa;
}


/* --------------------------------------------------------- */
/* Overall Container for store with Border                   */
/* --------------------------------------------------------- */

#container {
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	text-align: left;
	border: 0;
	border-collapse: collapse;
	}


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

	#pcHeader {
		position: relative;
		width: 950px;
		height: 115px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(assets/images/nav_bg4.jpg);
		background-color: transparent;
		background-position: top;
		background-repeat: no-repeat;
		border: none;
		font-size: 12px;
		color: #666666;		
	}
			#pcHeader td {
				padding: 3px;
			}


	#CompanyLinks {
		position: absolute;
		width: 250px;
		height: 18px;
		z-index: 1;
		left: 442px;
		top: 18px;
		display: inline;
		text-align: right;
		float: right;
	}
			#CompanyLinks ul {
				list-style: none;
				margin: 0;
			}

			#CompanyLinks li {
				display: inline;
				padding-right: 5px;
			}

			#CompanyLinks a {
				text-decoration: none;
				color: #999999;
				font-size: 11px;
			}

			#CompanyLinks a:hover {
				color: #000000;
			}


	#pcStoreSearch {
	 	position: absolute;
		width: 221px;
		height: 32px;
		z-index: 1;
		left: 695px;
		top: 15px;
		display: inline;
		text-align: right;
	}
			#pcStoreSearch a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: 500;
				color: #999999;
				text-decoration: none;
			}

			#pcStoreSearch a:hover {
				color: #000000;
			}


	#pcTopNav {
		position: absolute;
		width: 472px;
		height: 20px;
		z-index: 1;
		left: 444px;
		top: 78px;
		display: inline;
		text-align: right;
		line-height: 20px;
		border-top: 1px solid #FFFFFF;
	}
			#pcTopNav ul {
				list-style: none;
				margin: 0;
			}

			#pcTopNav li {
				display: inline;
				padding-right: 12px;
			}

			#pcTopNav a:link, #pcTopNav a:visited {
				text-decoration: none;
				font-size: 14px;
				color: #776d92;
				font-weight: bold;
			}

			#pcTopNav a:hover {
				color: #ffffff;
				font-weight: bold;
			}

/* ----------------------------------------------------------------------------- */
/* 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 {
		position: relative;
		width: 950px;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		background-image: url(assets/images/middle_bg4.jpg);
		background-color: transparent;
		background-position: top;
		background-repeat: repeat-y;
		border: 0;
		border-collapse: collapse;
	}


	#pcLeft {
		position: relative;
		width: 175px;
		padding-left: 30px;
		text-align: left;
		vertical-align: top;
		table-layout: fixed;
	}
			#pcLeft h3 {
				font-size: 13px;
				margin: 0;
				padding-bottom: 2px;
			}

			#pcLeft ul {
				list-style-type: none;
				margin: 0 0 10px 5px;
				padding: 0;
			}

			#pcLeft li {
				margin: 2px 0 0 0;
			}


	#pcCenter {
		width: 555px;
		padding: 0;
		text-align: left;
		vertical-align: top;
	}

	#pcRight {
		width: 140px;
		padding-right: 30px;
		text-align: left;
		vertical-align: top;
	}
			#pcRight h3 {
				font-size: 12px;
				margin: 0px;
				padding-bottom: 2px;
			}
	
			#pcRight ul {
				list-style-type: none;
				margin: 0 0 10px 5px;
				padding: 0;
			}
	
			#pcRight li {
				margin: 2px 0 0 0;
			}


	.pcColumnSpacer {
		width: 10px;
		height: 480px;
		background-image:url(images/dotted_spacer_vert.gif);
	}


/* ----------------------------------------------------------------------------- */
/* Define the left column                                                        */
/* ----------------------------------------------------------------------------- */


			/* This is the Class used for the Left Column Section Header Images */
			.pcleftnavhead {
				width: 100%;
				height: 29px;
				margin: 0;
				background: #ffffff url(assets/images/colnavheadleft.gif) top left no-repeat;
				border-bottom: 1px solid #dddddd;
			}
					.pcleftnavhead h3{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-weight: bold;
						padding-top: .6em;
						padding-bottom: .3em;
						text-indent: -.5em;
						text-align: center;
						color: #ffffff;
					}
				
				
			#pcLeftCatLinks {
				margin: 0 0 5px 0;
				padding: 5px 3px 5px 5px;
				background-color: #e8e2ec;
				font-size: 12px;
				font-weight: bold;
				line-height: 17px;
			}
					#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited {
						color: #42316f;
						text-decoration: none;
					}
					
					#pcLeftCatLinks a:hover {
						color: #999999;
					}
					
					#pcLeftCatLinks a:active {
						color: #840005;
					}
			

			#pcCustomerLogin {
				margin: 0 0 5px 0;
				padding: 5px 3px 1px 5px;
				background-color: #FFFFFF;
				color: #990000;
				border: 1px solid #dddddd;
			}
					#pcCustomerLogin a:link, #pcCustomerLogin a:visited {
						color: #666666;
						text-decoration: none;
					}
					
					#pcCustomerLogin a:hover {
						color: #333333;
					}
			
			
			#pcAffiliateLogin {
				margin: 0 0 5px 0;
				padding: 5px 3px 1px 5px;
				background-color: #FFFFFF;
				color: #0066FF;
				border: 1px solid #dddddd;
				font-size: 12px;
			}
					#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited {
						color: #777777;
						text-decoration: none;
					}
			
					#pcAffiliateLogin a:hover {
						color: #000000;
					}

		
			.pcleftspace {
				height: 1em;
				margin: 0 0 0 0;
			}
	
				
/* ----------------------------------------------------------------------------- */
/* Define the right column                                                       */
/* ----------------------------------------------------------------------------- */
				
	
			/* This is the Class used for the Left Column Section Header Images */
			.pcrightnavhead {
				position: relative;
				width: 100%;
				height: 29px;
				background: #ffffff url(assets/images/colnavheadright.gif) top left no-repeat;
				border-bottom: 1px solid #dddddd;
			}
					.pcrightnavhead h3{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-weight: bold;
						padding-top: .5em;
						padding-bottom: .3em;
						text-indent: -.5em;
						text-align: center;
						color: #ffffff;
					}
		
		
			#pcShowSmallCart {
				margin: 0 0 5px 0;
				padding: 5px 5px 5px 5px;
				background-color: #ffffff;
				font-size: 11px;
				color: #666666;
				border: 1px solid #dddddd;
			}
			
			
			#pcShowCart {
				background-color: #FFFFAA;
				color: #666666;
				padding: 5px 5px 5px 10px;
				margin-bottom: 5px;
			}
		
		
			#recentprds {
				margin: 0;
				padding: 0;
				background-color: #ffffff;
				font-size: 11px;
				color: #666666;
			}
	
			#recentprdsbdr {
				padding: 0 3px 0 3px;
				border: 1px solid #dddddd;
			}
		
			#pcRightStoreLinks {
				margin: 0 0 2px 0;
				padding: 5px 5px 1px 5px;
				background-color: #F5F5F5;
				color: #999999;
			}
					#pcRightStoreLinks a:link, #pcLeftStoreLinks a:visited {
						color: #777777;
						text-decoration: none;
					}
		
					#pcRightStoreLinks a:hover {
						color: #9b0033;
					}
		
		
			.pcrightspace {
				height: 1em;
				margin: 0 0 0 0;
			}
			
			
/* ----------------------------------------------------------------------------- */
/* End MAIN AREA                                                                 */
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
/* START PreFooter (Buttons and graphics at bottom of page)                      */
/* ----------------------------------------------------------------------------- */

	#prefooter {
		width: 950px;
		background-image: url(assets/images/middle_bg4.jpg);
		background-color: transparent;
		background-position: top;
		background-repeat: repeat-y;
		border: 0;
		border-collapse: collapse;
	}
			#prefooter a:link, #prefooter a:visited {
				text-decoration: none;
				color: #FFFFFF;
			}

			#prefooter a:hover {
				text-decoration: none;
				color: #AAAAAA;
			}

			#prefooter a:active {
				text-decoration: none;
				color: #840005;
			}
			#prefooter td {
				width: 100%;
				padding: 0 25px 0 25px;
			}


	.prefooterTabRow {
		position: relative;
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		border: 0;
		border-collapse: collapse;
	}


	.prefooterTab {
		width: 176px;
		height: 40px;
		margin-left: 3px;
		text-align: center;
		text-decoration: none;
		background-image: url(assets/images/tab_bottom.gif);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center;
		float: left;
	}
			.prefooterTab h3 {
				font-size: 14px;
				color: #FFFFFF;
				font-weight: bold;
				margin: 10px 5px 0 5px;				
			}

			.prefooterTab h4 {
				font-size: 13px;
				color: #FFFFFF;
				font-weight: bold;
				margin: 2px 5px 0 5px;				
			}

	#prefooterCredits {
		position: relative;
		width: 900px;
		font-size: 11px;
		color: #FFFFFF;
		float: left;
	}
	
	.prefooterCreditsSpacer {
	  position: relative;
		height: 83px;
		width: 69px;
		float: left;
	}
	
	
	#prefooterSpacer {
		position: relative;
		width: 900px;
		height: 20px;
		margin-left: auto;
		margin-right: auto;
		background-color: transparent;
		text-align: center;
	}
	
	
	#prefooterSpacerLine {
		position: relative;
		width: 900px;
		height: 18px;
		background-color: transparent;
		background-image: url(assets/images/horiz_line.gif);
		background-repeat: no-repeat;
		background-position: top center;
	}


	.prefooterBlock {
		width: 150px;
		height: 83px;
		background-color: transparent;
		color: #666666;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		float: left;
	}
			.prefooterBlock h3{
				font-size: 14px;
				color: #000000;
				font-weight: bold;
				margin: 10px 5px 0 5px;				
			}

			.prefooterBlock h4{
				font-size: 13px;
				color: #FFFFFF;
				font-weight: bold;
				margin: 2px 5px 0 5px;				
			}


	#prefooterBlockGoogle {
		width: 182px;
		height: 80px;
		margin-top: 3px;
		background-color: transparent;
		text-align: center;
		text-decoration: none;
		color: #666666;
		font-weight: bold;
		float: left;
	}


	#prefooterBlockPayPal {
		width: 130px;
		height: 75px;
		margin-top: 8px;
		background-color: transparent;
		text-align: center;
		text-decoration: none;
		color: #666666;
		font-weight: bold;
		float: left;
	}


/* ----------------------------------------------------------------------------- */
/* END PreFooter                                                                 */
/* ----------------------------------------------------------------------------- */


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

	#footer {
		width: 950px;
		background-image: url(assets/images/foot_bg4.jpg);
		background-color: transparent;
		background-position: top;
		background-repeat: no-repeat;
		border: 0;
		border-collapse: collapse;
		font-size: 11px;
		color: #666666;
	}
			#footer a:link, a:visited, a:hover {
				text-decoration: none;
				color: #666666;
			}

	#footerSpacerBlank {
		width: 900px%;
		height: 35px;
		margin: 0 25px 0 25px;
		vertical-align: top;
	}

		
	#copyright {
		width: 449px;
		margin: 0 0 0 25px;
		text-align: left;
		border: 0;
		border-collapse: collapse;
		float: left;
	}
			#copyright p { 
				padding-left: 2em; 
			}

	#credits {
		width: 449px;
		margin: 0 25px 0 0;
		text-align: right;
		border: 0;
		border-collapse: collapse;
		float: right;
	}
			#credits p { 
				padding-right: 2em; 
			}

			#credits a:link, a:visited {
				color: #42316f;
				text-decoration: none;
			}
			
			#credits a:hover {
				color: #0000FF;
				text-decoration: none;
			}


	#copynotice {
		width: 900px%;
		padding: 0 25px 0 25px;
		border: 0;
		border-collapse: collapse;
	}
			#copynotice p { 
				margin-left: 4em;
				margin-right: 4em;
				padding-top: 1em;
				text-align: justify;
			}

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