﻿/*
	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 {
	text-align: center;
	font: 11px/16px Verdana, arial, helvetica, sans-serif;
	background: url('images/bg_body.gif') #fff repeat-x scroll center top;
}

#currency_select select { 
	width: 100%;
	position: relative;
	left: -5px;
	font: 11px Verdana, arial, helvetica, sans-serif;
}

.audio {
	text-align: left;
	font: 11px/16px Verdana, arial, helvetica, sans-serif;
	color: #6e5428;
}

/* TOP AREA of the page: store description, store name, search box, navigation */

		#pcHeader {
			width: 960px;
			height: 89px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0;
			border: 0;
			border-collapse: collapse;
		}

		#pcHeader td {
			padding: 0;
			vertical-align: top;
		}

		#mural {
			width: 960px;
			height: 89px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0;
			border: 0;
			border-collapse: collapse;
			background: url(images/bg_mural.jpg) transparent no-repeat scroll center top;
		}

		#navbar {
			width: 960px;
			height: 36px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0;
			border: 0;
			border-collapse: collapse;
			background: url(images/bg_nav_main.jpg) transparent no-repeat scroll center top;
		}
		
		#navbar ul {
			list-style: none;
			text-align: center;
			padding-top: 7px;
			margin: 0;
		}
		
		#navbar li {
			display: inline;
			padding-right: 25px;
			margin: 10px;
		}
		
		#navbar a:link, #navbar a:visited {
			text-decoration: none;
			color: #fff;
			font: 10pt Verdana, arial, helvetica, sans-serif; 
		}
		
		#navbar a:hover {
			color: #fff;
			border-bottom: 3px solid;
		}

		#searchbar {
			width: 960px;
			height: 46px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0;
			border: 0;
			border-collapse: collapse;
			background: url(images/bg_search_bar.jpg) transparent no-repeat scroll center top;
		}

		#pcHeader td {
			width: 960px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 5px;
			padding: 0;
			border: 0;
			border-collapse: collapse;
			vertical-align: top;
			text-align: center;
		}
		
		#pcStoreDescription {
			border-bottom: 0px solid green;
			font-size: 13px;
			text-align: left;
		}
		
		#pcStoreName {
			font-size: 28px;
			font-weight: bold;
			text-align: left;
		}
		
		#pcStoreSearch {
			text-align: right;
		}
		
		#pcTopNav {
			text-align: right;
			margin-right: 25px;
		}
		
		#pcIntlFlags {
			position: relative;
			top: 7px;
			left: 0px;
			text-align: right;
			margin-right: 30px;
		}
		
		#pcTranslator {
			position: relative;
			top: 15px;
			left: 64px;
			text-align: right;
			margin-right: 24px;
		}

		#pcStoreSearch a {
			text-decoration: none;
			color: #000;
			font-size: 11px;
		}
		
		#pcStoreSearch a:hover {
			color: #000;
		}
		
		#pcTopNav ul {
			list-style: none;
			margin: 0;
			padding-top: 11px;
			margin-right: 0px;
		}
		
		#pcTopNav li {
			display: inline;
			padding-right: 0px;
		}
		
		#pcTopNav a:link, #pcTopNav a:visited {
			text-decoration: none;
			color: #000;
			font: 8pt Verdana, Arial, helvetica, sans-serif;
		}
		
		#pcTopNav a:hover {

			color: #627955;
			Xborder-bottom: 3px solid;
		}

/* 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;
			background: url('images/bg_main.jpg') transparent no-repeat scroll center top;
		}
	
		#pcLeft {
			width: 179px;
			text-align: left;
			vertical-align: top;
			padding: 12px 0 0 20px;
		}
	
		#pcCenter {
			width: 526px;
			text-align: left;
			vertical-align: top;
			padding: 10px 0 0 0;
		}
	
		#pcRight {
			width: 200px;
			text-align: left;
			vertical-align: top;
			padding: 12px 25px 0 0;
		}
		
		.pcColumnSpacer {
			width: 10px;
			Xbackground: url('images/dotted_spacer_vert.gif') transparent repeat-y scroll center top;
		}

	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 13px;
			margin: 0;
			padding-bottom: 2px;
		}

		#pcLeftCatLinks {
			color: #000;
			padding: 5px 5px 10px 10px;
			margin: 0 0 10px 0;
		}
		
		#pcLeftPriceLinks {
			color: #000;
			padding: 5px 5px 10px 10px;
			margin: 0 0 10px 0;
		}

		#pcRightAccountLinks {
			color: #000;
			padding: 5px 5px 10px 10px;
			margin: 0 0 0 0;
		}
		
		#pcLeftStoreLinks {
			color: #000;
			padding: 5px 5px 10px 10px;
			margin: 0 0 5px 0;
		}

		#pcLeft ul {
			list-style-type: none;
			margin: 0 0 5px 5px;
			padding: 0;
		}
	
		#pcLeft li {
			margin: 2px 0 0 0;
			line-height: 18px;
			border-bottom: dotted 1px #e2dab1;
		}
		
		#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited {
			color: #000;
			text-decoration: none;
		}
		
		#pcLeftCatLinks a:hover {
			color: #d4995f !important;
			text-decoration: underline !important;
		}

		#pcRightAccountLinks a:link, #pcRightAccountLinks a:visited {
			color: #000;
			text-decoration: none;
		}
		
		#pcRightAccountLinks a:hover {
			color: #d4995f !important;
			text-decoration: underline !important;
		}


		#pcLeftRecViewLinks {
			background-color: #fff;
			padding: 5px 5px 10px 10px;
			margin: 0 0 10px 0;
		}

		#pcLeftRecViewLinks a:link, #pcLeftRecViewLinks a:visited {
			color: #627a56;
			text-decoration: none;
		}
		
		#pcLeftRecViewLinks a:hover {
			color: #627a56 !important;
			text-decoration: underline !important;
		}

		#pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited {
			color: #000;
			text-decoration: none;
		}
		
		#pcLeftPriceLinks a:hover {
			color: #d4995f;
		}
		
		#pcLeftStoreLinks a:link, #pcLeftStoreLinks a:visited {
			color: #000;
			text-decoration: none;
		}
		
		#pcLeftStoreLinks a:hover {
			color: #d4995f;
		}


	/* Define the right column */
	
		#pcShowCart {
			background-color: #fff;
			color: #666;
			padding: 5px 5px 5px 10px;
			margin-bottom: 5px;
		}
	
		#pcCustomerLogin {
			background-color: #fff;
			color: #666;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcAffiliateLogin {
			background-color: #fff;
			color: #555;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcRight h3 {
			font-size: 12px;
			margin: 10px;
			padding-bottom: 2px;
			color: #6e5428;
		}
	
		#pcRight ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcRight li {
			margin: 2px 0 0 0;
			line-height: 18px;
			border-bottom: dotted 1px #e2dab1;
		}
		
		#pcCustomerLogin a:link, #pcCustomerLogin a:visited {
			color: #000;
			text-decoration: none;
		}
		
		#pcCustomerLogin a:hover {
			color: #d4995f;
		}
		
		
		#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited {
			color: #000;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #d4995f;
		}

/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			height: 127px;
			width: 920px;
			text-align: center;
			font-size: 11px;
			color: #000;
			padding: 4px;
			background: url(images/footer.jpg) transparent no-repeat scroll center top;
		}
		
		#pcFooter a:link, #pcFooter a:visited, #pcFooter a:hover {
			color: #6e5428;
			text-decoration: underline;
		}
		
		#pcFooterSpacer {
			background-image:url(images/dotted_spacer_left.gif);
			height: 5px;
		}

		#pcCopyright {
			font-size: 9px;
			color: #000;
			text-align: center;
			padding: 5px;
			margin-top: 5px;
			border-collapse: collapse;
		}

		#pcCopyright a:link, #pcCopyright a:visited, #pcCopyright a:hover {
			text-decoration: none;
			color: #6e5428;
		}
	
/* END Footer */
