/*
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: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #000099;
	text-align: center;
	background-color: #FFFFFF;
}

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

		#pcHeader {
			width: 100%;
			height: 75px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5px;
			margin-bottom: 5px;
			padding: 0;
			background-color: #FFFFFF;
			font-size: 12px;
			color: #000099;
			border-collapse: collapse;
			border: 0;
		}
		
		#pcHeader td {
			padding: 3px;
			vertical-align: bottom;
		}
		
		#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: center;
		}
		
		#pcTopNav {
			width: 100%;
            margin-left: auto;
            margin-right: 5px;
            border-top: double #000099;
            border-bottom: 1px outset #000099;
            text-align: right;
            background: #CCCCFF;
		}
		
		
		#pcStoreSearch a {
			text-decoration: none;
			color: #000099;
			font-size: 11px;
		}
		
		#pcStoreSearch a:hover {
			color: #0000EE;
            font-weight: bold;
		}
		
		#pcTopNav ul {
			list-style: none;
			margin: 0;
		}
		
		#pcTopNav li {
			display: inline;
			padding-right: 20px;
		}
		
		#pcTopNav a:link, #pcTopNav a:visited {
			text-decoration: none;
			font-size: 18px;
			color: #000099;
            font-weight: bold;
		}
		
		#pcTopNav a:hover {
			color: #CCCCFF;
			background-color: #000099;
            font-weight: bold; 
		}
		
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
float:left;
width:100%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size:14px;
text-decoration: bold;
color: #000099;
line-height:normal;
border-bottom: 0px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
}

#glowingtabs li{
display:inline;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
}

#glowingtabs a{
float: left;
background:url(images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:center;
display:block;
background:url(images/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color: #000099;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: #0000EE;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #000099;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

</style>

[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]


/* 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: 100%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5px;
			padding: 0;
			border: 0;
			border-collapse: collapse;
		}
	
		#pcLeft {
			width: 20%;
			text-align: left;
			vertical-align: top;
		}
	
		#pcCenter {
			width: 65%;
			padding: 0 5px 0 5px;
			text-align: left;
			vertical-align: top;
		}
	
		#pcRight {
			width: 15%;
			text-align: left;
			vertical-align: top;
		}
		
		.pcColumnSpacer {
			width: 10px;
			background-image:url(images/dotted_spacer_vert.gif);
		}

	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 13px;
			color: #FFFF00;
			font-weight: bold;
			margin: 0 0 0 4px;
			
		}
		
        #pcLeftCatBrowsebyCat {
           background-color: #000099;
	       font-weight: bold;
           margin: 0 0 0 4px;
        }

        #pcLeftCatLinks {
			background-color: #CCCCFF;
			color: #003399;
			padding: 1px 1px 1px 1px;
			margin: 0 0 5px 4px;
            border: 1px solid #000099;
		}
		
		#pcLeftPriceLinks {
			background-color: #CCCCFF;
			color: #000099;
			padding: 10px 1px 1px 1px;
			margin: 0 0 5px 4px;
            border: 1px solid #000099;
		}
		
		#pcLeftStoreLinks {
			background-color: #CCCCFF;
			color: #000099;
			padding: 2px 1px 1px 1px;
			margin: 0 0 2px 4px;
            border: 1px solid #000099;
		}
	
		#pcLeft ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcLeft li {
			margin: 2px 0 0 0;
		}
		
		#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited {
			color: #551A8B;
			text-decoration: none;
		}
		
		#pcLeftCatLinks a:hover {
			color: #0000EE;
			text-decoration: underline;
			font-weight: bold;

		}
		
		#pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited {
			color: #551A8B;
			text-decoration: none;
		}
		
		#pcLeftPriceLinks a:hover {
			color: #0000EE;
			text-decoration: underline;
			font-weight: bold;
		}
		
		#pcLeftStoreLinks a:link, #pcLeftStoreLinks a:visited {
			color: #000099;
			text-decoration: none;
		}
		
		#pcLeftStoreLinks a:hover {
			color: #0000EE;
			text-decoration: underline;
			font-weight: bold;
		}


	/* Define the right column */
	
		#pcShowCart {
			background-color: #FFFFFF;
			color: #000000;
			padding: 5px 5px 5px 10px;
			margin-bottom: 5px;
            border: 1px solid #CCCCFF;
		}
	
		#pcCustomerLogin {
			background-color: #FFFFFF;
			color: #000000;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
            border: 1px solid #CCCCFF;
		}
		
		#pcAffiliateLogin {
			background-color: #FFFFFF;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
            border: 1px solid #CCCCFF;
		}
		
		#pcRightHead {
		   font-size: 13px;	
		   color: #FFFF00;
		   background-color: #000099;
	       font-weight: bold;
           margin: 0 0 0 0;
           padding: 0 0 0 4px;
		}
		#pcRecViewedHead {
		   font-size: 13px;	
		   color: #FFFF00;
		   background-color: #000099;
	       font-weight: bold;
           margin-bottom: 0;
            border: 1px solid #CCCCFF;
		}
		#pcRight h3 {
			font-size: 13px;
			margin: 0px;
			padding-bottom: 2px;
			color: #000099;
		}
	
		#pcRight ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcRight li {
			margin: 2px 0 0 0;
		}
		
		#pcCustomerLogin a:link, #pcCustomerLogin a:visited {
			color: #000000;
			text-decoration: none;
		}
		
		#pcCustomerLogin a:hover {
			color: #0000EE;
			text-decoration: underline;
			font-weight: bold;
		}
		#pcRecViewed a:hover {
			font-size: 9px;
			color: #0000EE;
			text-decoration: underline;
			font-weight: bold;
			margin-bottom: 5px;
            border: 1px solid #CCCCFF;
		}
		
		#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #0000EE;
			text-decoration: underline;
			font-weight: bold;
		}

/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
	background-color: #CCCCFF;
	font-size: 11px;
	color: #000099;
	text-align: center;
	padding: 1px;
		}
		
		#pcFooter a:link; {
			color: #000099;
			text-decoration: none;
			font-weight: bold;
		}
		 #pcFooter a:visited;  {
			color: #000099;
			text-decoration: none;
			font-weight: bold;
	   }
#pcFooter2 {
	font-size: 10px;
	color: #000099;
	padding: 10px;
	text-align: center;
	border-bottom:double #000099;
}

	   #pcFooter a:hover {
	        color: #0000EE;
			text-decoration: underline;
			font-weight: bold;	 
       }	
		#pcFooterSpacer {
			background-image:url(images/dotted_spacer_left.gif);
			height: 5px;
		}
		#pcBotNav {
			width: 100%;
			font-size:9px;
			border-top: 1px inset #000099;
			border-bottom:double #000099;
            margin-left: auto;
            margin-right: auto;
            background-color: #CCCCFF;            			
		}
		#pcBotNav ul {
			margin: 0;
		}
		
		#pcBotNav li {
			display: inline;
			padding-right: 10px;
		}
		
		#pcBotNav a:link, #pcBotNav a:visited {
			text-decoration: none;
			color: #000099;                       
		}
		
		#pcBotNav a:hover {
			color: #000099;
			font-weight:bold;
			background-color: none;
            text-decoration: none;
			font-weight: bold; 
		}
	
/* END Footer */