﻿/*
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: 10px 0 0 0;
}

body {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background-color: #7e9746;
}

/* TOP AREA of the page: store description, store name, search box, navigation */

		#pcHeader {
			width: 1000px;
			background: #ffffff;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		
		#pcHeader thead td {
			background: url(/images/canvas_top_shadow.gif) top repeat-x;
			height: 14px;
		}
		#pcMainArea tfoot td {
			background: url(/images/canvas_bttm_shadow.gif) bottom repeat-x;
			height: 14px;
		}
		
		td.left {
			background: url(/images/canvas_left_shadow.gif) left repeat-y;
			width: 16px;
		}
		td.right {
			background: url(/images/canvas_right_shadow.gif) right repeat-y;
			width: 16px;
		}
		#search {
			background: #cde1a2;
			font-size: medium;
			color: #466921;
			width: 285px;
		}
		#top_tabs a {
			color: #ab6435;
			text-decoration: none;
		}
		#top_tabs a:hover {
			text-decoration: underline;
		}
		#pcStoreDescription {
			border-bottom: 1px solid #FFFFFF;
			font-size: 13px;
			text-align: left;
		}
		
		#pcStoreName {
			font-size: 28px;
			font-weight: bold;
			text-align: left;
		}
		
		#pcStoreSearch {
			text-align: right;
		}
		
		#pcTopNav {
			border-top: 1px solid #FFFFFF;
			text-align: right;
		}
		
		#pcStoreSearch a {
			text-decoration: none;
			color: #999999;
			font-size: 11px;
		}
		
		#pcStoreSearch a:hover {
			color: #000000;
		}
		
		#pcTopNav ul {
			list-style: none;
			margin: 0;
		}
		
		#pcTopNav li {
			display: inline;
			padding-right: 10px;
		}
		
		#pcTopNav a {
			text-decoration: none;
			font-size: 14px;
			color: #999999;
		}
		
		#pcTopNav a:hover {
			color: #000000;
		}

/* 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: 1000px;
			background: #ffffff;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
	
		#pcLeft {
			width: 234px;
			text-align: left;
			vertical-align: top;
		}
	
		#pcCenter {
			padding: 0;
			text-align: left;
			vertical-align: top;
		}
	
		#pcRight {
			width: 170px;
			text-align: left;
			vertical-align: top;
		}
		
		.pcColumnSpacer {
			width: 20px;
		}

	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 13px;
			margin: 0;
			padding-bottom: 2px;
		}

		#pcLeftCatLinks {
			background: #c3d6e8 url(/images/leftnav_panel_bg.gif) repeat-y;
			width: 234px;
		}
		
		#pcLeftPriceLinks {
			background-color: #E1E1E1;
			color: #999999;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcLeftStoreLinks {
			background-color: #e9ecf1;
			color: #666666;
			padding: 5px 5px 1px 10px;
			margin: 0 0 2px 0;
		}
	
		#pcLeft ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcLeft li {
			margin: 2px 0 0 0;
		}
		
		#pcLeftCatLinks a {
			color: #333333;
			text-decoration: none;
			font-size: .97em;
			display: block;
			width: 95%;
			border-bottom: 1px solid #e3eaf1;
			padding: 2px;
		}
		#pcLeftCatLinks a.cat {
			color: #144d85;
			font-size: small;
			font-weight: bold;
		}
		
		#pcLeftCatLinks a:hover {
			color: #ffffff;
			background: #9bb2c8;
		}
		
		#pcLeftPriceLinks a {
			color: #666666;
			text-decoration: none;
		}
		
		#pcLeftPriceLinks a:hover {
			color: #FF6600;
		}
		
		#pcLeftStoreLinks a {
			color: #666666;
			text-decoration: none;
		}
		
		#pcLeftStoreLinks a:hover {
			color: #95ac65;
		}


	/* Define the right column */
	
		#pcShowCart {
			background: #FFFFAA;
			color: #666666;
			padding: 5px 5px 5px 10px;
			margin-bottom: 5px;
		}
	
		#pcCustomerLogin {
			background-color: #FFFFCC;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcAffiliateLogin {
			background-color: #FFEE99;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcRight h3 {
			font-size: 13px;
			margin: 0px;
			padding-bottom: 2px;
			color: #999999;
		}
	
		#pcRight ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcRight li {
			margin: 2px 0 0 0;
		}
		
		#pcCustomerLogin a {
			color: #666666;
			text-decoration: none;
		}
		
		#pcCustomerLogin a:hover {
			color: #333333;
		}
		
		
		#pcAffiliateLogin a {
			color: #777777;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #000000;
		}

/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			background-color: #FFFFFF;
			font-size: 11px;
			color: #666666;
			text-align: right;
			padding: 5px;
		}
		
		#pcFooter a {
			text-decoration: none;
			color: #666666;
		}
		
		#pcFooterSpacer {
			background-image:url(images/dotted_spacer_left.gif);
			height: 5px;
		}
	
/* END Footer */

#sub_nav {
	background: #e4edf6 url(/images/sub_nav_shadow.gif) top repeat-x;
	font-size: 13px;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	height: 25px;
	padding-top: 5px;
}
#sub_nav div {
	background: url(/images/sub_nav_bl.gif) bottom left no-repeat;
}
#sub_nav div div {
	height: 25px;
	padding-left: 10px;
}
#sub_nav a {
	display:block;
	text-decoration: none;
	float: left;
	color: #154873;
	background: url(/images/n_divide.gif) right 5px no-repeat;
	height: 23px;
	cursor: pointer;
	padding-left: 11px;
	width: auto;
	*-width: 3%;
	overflow: visible;
	white-space: nowrap;
}
#sub_nav a:hover, #sub_nav a.hlight {
	background: url(/images/n_bttn_l.gif) left top no-repeat;
	height: 23px;
	color: #ffffff;
	margin-top: -2px;
}
#sub_nav a b{
	display: block;
	/*background: url(/images/n_bttn_light_r.gif) right top no-repeat;*/
	padding-right: 11px;
	height: 23px;
	font-weight: normal;
}
#sub_nav a:hover b, #sub_nav a.hlight b{
	background: url(/images/n_bttn_r.gif) right top no-repeat;
	height: 23px;
	line-height: 23px;
}
.sub_nav {
	position: absolute;
}

