/*
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  
*/

/* MSS Order: Link Visited Hover Active (LVHA) */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 2px;	
}

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

		#pcHeader {
			width: 900px;
			height: auto;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
			background-color: #00FFFF;
			font-size: 10px;
      border-style: solid; 
      border-width: 0px;
      border-color: #00FF00;
			border-collapse: collapse;
		}
		
		#pcHeader td {
			padding: 0px;
			margin-left: 0px;
			vertical-align: middle;
      border-style: solid;
			border-color: #C0C0C0;
      border-width: 0px;
      font-size: 10px;
			border-collapse: collapse;
		}
		
		#pcStoreDescription {
			background-color: #FFFFFF;
		}
		
		#pcStoreName {
			padding: 0px;
			margin: 0px; 
			font-size: 10px;
			font-weight: normal;
			text-align: left;
			background-color: #FFFFFF;
		}
		
		#pcStoreSearch {
			text-align: left;
			background-color: #FFFFFF;
		}
		       
		/* this used to have the following below bg color: background-image: url(/productcart/pc/images/custom/bar_bg_33x.gif); */
		#pcTopNav {
    	border-top: 0px solid;
    	border-right: 0px solid;
    	border-left:  0px solid;
    	border-bottom: 0px solid;
    	border-color: #CCCCCC;
    	background-color: #FFFFFF;
      background-repeat: repeat-x; 
      height: auto; 
      margin-top: 0px;
      margin-bottom: 0px;    
      margin-left: 0px;
      margin-right: 0px;
			text-align: right;
			padding: 0px;			
		}

    /* MSS Removed background-image: ""; from the style below; FireFox did not like it */
		#pcTopNavTabs {  
		  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	    text-align: center;
      margin-top: 0px;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 0px;
      border-style: solid;
		  border-top: 0px;
		  border-right: 0px;
		  border-left: 0px;
		  border-bottom: 0px;
			border-color: #CCCCCC;
    	background-color: #FFFFFF;
      border-collapse: collapse;
 			padding: 0px;
		}

    /* MSS Removed background-image: ""; from the style below; FireFox did not like it */
		#pcTopNavTabs pcTopNavTabs01 pcTopNavTabs02 pcTopNavTabs03 pcTopNavTabs04 TD{
    	border-color: #0FFFFF;
    	background-color: #FFFFFF;
			text-align: center;
    	border-top: 10px solid;
    	border-right: 0px solid;
    	border-left:  0px solid;
    	border-bottom: 0px solid;
		}

    /* #BBBBBB; */
		#pcTopNavTabs a:link, #pcTopNavTabs a:visited {
			text-decoration: none;
			font-size: 14px;
			color: #FFFFFF;
		}
		
		/* #F7931D; */
		#pcTopNavTabs a:Hover {
			color: #F7931D;
			text-decoration: none;
			font-size: 18px;
		}

		#pcTopNavOri {
			text-align: right;
    	BORDER-TOP: #659DE0 0px solid;
    	BORDER-RIGHT:  #659DE0 0px solid;
    	BORDER-LEFT:  #659DE0 0px solid;
    	BORDER-BOTTOM:  #659DE0 0px solid;
    	BACKGROUND-COLOR: #FFFFFF;
      BACKGROUND-IMAGE: url(/ProductCart/pc/images/custom/bar_bg.gif);
      BACKGROUND-REPEAT: repeat-x;
		}

   /* MSS: additional style elements have been applied directly to the search box in SmallSearchBox.asp */

		#pcTopNav form {
			color: red;
			text-decoration: none;
			vertical-align: bottom; 
      margin-top:0mm; 
      margin-bottom: 0mm; 
      margin-right: 0mm; 
      margin-left: 0mm; 
      padding: 0mm;
		}

    #pcStoreSearchTextBox {
      font-size: 8pt;
      color: orange;
      background-color: white; 
      height: 15px;
    }
		
		#pcStoreSearch a:link {
			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: 15px;
		}
		
		/* ori color: #000000 - which is black */
		#pcTopNav a:link, #pcTopNav a:visited {
			text-decoration: none;
			font-size: 14px;
			color: #FFFFFF;
		}
		
		/* originaly, the color was "red", then #F7931D; */
		#pcTopNav a:hover {
			color: #F7931D;
			text-decoration: none;
			font-size: 14px;
		}

		#pcTopNavN a:link, #pcTopNavN a:visited {
			text-decoration: none;
			font-size: 14px;
			color: #FFFFFF;
		}

		#pcTopNavN a:hover {
			color: #AFFF77;
			text-decoration: none;
			font-size: 14px;
		}

    /* This style is applied to the Go button which is on a form in the horizontal menu.  It is possible
       to apply a background to the Go button, just like other items.  During testing, the following
       lines were part of this style:
       BACKGROUND-IMAGE: url(/ProductCart/pc/images/custom/bar_bg_30x.gif);
       BACKGROUND-REPEAT: repeat-x;
    */
             
    #submitSearch {
      color: white; 
      font-size: 10pt; 
      text-decoration: none; 
      cursor: pointer;
      cursor: hand;
      border: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      background-color: transparent;
	    padding: 0px;
    }

/* 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: 900px;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0px;
			padding: 0;                
			border: 0px #0FF000;
			border-collapse: separate;
      border-style: solid;
			background-color: #FFFFFF;
		}
	
		#pcLeft {
			width: 150px;
			text-align: left;
			vertical-align: top; 
			border-color: #00DAA0;
      border-style: solid;
      border-width: 0px;
			background-color: #FFFFFF;
      padding-left:    0px; 
      padding-top:     0px; 
      padding-right:   0px; 
      padding-bottom:  0px;
			border-collapse: separate;
  	}

		#pcLeftNoLeftMenu {
			width: 0px;
			text-align: left;
			vertical-align: top; 
			border-color: #00DAA0;
      border-style: solid;
      border-width: 0px;
			background-color: #FFFFFF;
      padding-left:    0px; 
      padding-top:     0px; 
      padding-right:   0px; 
      padding-bottom:  0px;
			border-collapse: separate;
  	}
	
		#pcLeft_ori_sort_of {
			width: 180px;
			margin: 0px;
			text-align: left;
			vertical-align: top; 
      border-style: solid;
      border-width: 0px;
			border-color: #000000;
			border: 0px;
			background-color: #FFFFFF;
			padding-left: 0px;
			border-collapse: collapse;
		}
    
		#pcCenter {
			width: auto;
			padding: 0px 0px 0px 0px;
			text-align: left;
			vertical-align: top;
      border-style: solid;
      border-width: 0px;
      border-color: #00DAA0;
      background-color: #F0FFFF;   
			background-color: #FFFFFF;
			border-collapse: separate;
		}

		#pcCenterNoLeftMenu {
			width: auto;
			padding: 0px 0px 0px 0px;
			text-align: center;
			vertical-align: top;
      border-style: solid;
      border-width: 0px;
      border-color: #00DAA0;
      background-color: #F0FFFF;   
			background-color: #FFFFFF;
			border-collapse: separate;
		}
	
	  /* MSS pcLeft + pcCenter + pcRight must = 900, which is the total width of pcMainArea.  Nothing is being placed
	     in the pcRight column, so setting width to 0% should result pcCenter filling the remaining space.
	     the amount of remaining space is somewhat dependent upon the thickness of margins and borders.
    */  
	    
		#pcRight {
			width: 0%;
			text-align: left;
			vertical-align: top; 
			border-color: #FFD000;
      border-style: solid;
      border-width: 0px;
			background-color: #FFFFFF;
      padding-left:   0px; 
      padding-top:    0px; 
      padding-right:  0px; 
      padding-bottom: 0px;
			border-collapse: separate;
		}

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

	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 13px;
			margin: 0;
			padding-bottom: 2px;
		}

		#pcLeftCatLinks {
			background-color: #FFFFFF;
			padding: 0px 0px 0px 0px;
			margin: 0 0 0 0;
		}
		
		#pcLeftPriceLinks {
			background-color: #E1E1E1;
			color: #999999;
			padding: 0px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcLeftStoreLinks {
		  width: 149px;
			background-color: #FFFFFF;
      padding: 0px 0px 0px 0px;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
      border-style: solid; 
      border-left: 0px;
      border-top: 0px;
      border-right: 1px;
      border-bottom: 1px;
      border-color: #CCCCCC;
			border-collapse: collapse;
		}

		#pcLeftStoreLinksN {
		  width: 149px;
			background-color: #FFFFFF;
      padding: 0px 0px 0px 0px;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
      border-style: solid; 
      border-left: 0px;
      border-top: 0px;
      border-right: 1px;
      border-bottom: 1px;
      border-color: #CCCCCC;
			border-collapse: collapse;
      font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Console", "Verdana ", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
      font-size: 13px;
			vertical-align: bottom;
		}

		#pcLeftStoreLinksNoLeftMenu {
		  width: 0px;
			background-color: #FFFFFF;
      padding: 0px 0px 0px 0px;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
      border-style: solid; 
      border-left: 0px;
      border-top: 0px;
      border-right: 1px;
      border-bottom: 1px;
      border-color: #CCCCCC;
			border-collapse: collapse;
		}

    /* This causes the hover effect on the cells to fill completely, and not just change the text color */
		#pcLeftStoreLinks a:link {
		  display:block; 
		  width: 100%; 
		  height: 100%;
		}

		#pcLeftStoreLinksN a:link {
		  display:block; 
		  width: 100%; 
		  height: 100%;
			text-decoration: none;
      color: #062A5E;
		}

		#pcLeftStoreLinksN a:visited {
		  display:block; 
		  width: 100%; 
		  height: 100%;
			text-decoration: none;
      color: #062A5E;
		}

		#pcLeftStoreLinksN a:hover {
		  display:block; 
		  width: 100%; 
		  height: 100%;
			text-decoration: none;
      color: #062A5E;
		}

		#pcLeftStoreLinksN a:active {
		  display:block; 
		  width: 100%; 
		  height: 100%;
			text-decoration: none;
      color: #062A5E;
		}

 	  #pcLeftStoreLinksTR {
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;									
			margin: 0 0 0 0;
 	    background-color: #FFFFFF;
			border-collapse: collapse; 	  
 	  }

 	  #pcLeftStoreLinksTRn {
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;									
			margin: 0 0 0 0;
      color: #FFFFFF;
 	    background-color: #FFFFFF;
			border-collapse: collapse; 	  
 	  }
 	               
    /* Left menu set size here, set color under pcLeftStoreLinks  */
 	               
 	  #pcLeftStoreLinksTD {
      height: 20px;
      width: 100%;
			text-align: left;
			vertical-align: middle;
			padding-left: 2px;
			padding-top: 0px;
			padding-right: 2px;
			padding-bottom: 0px;									
 	    background-color: #FFFFFF;
			border-collapse: collapse;
			text-decoration: none;
      cursor: pointer;
			cursor: hand;
      border-style: solid;
    	border-top:    0px solid #EEEEEE;
    	border-right:  1px solid #C0C0C0;
    	border-left:   0px solid #EEEEEE;
    	border-bottom: 0px solid #EEEEEE;
	  }

 	  #pcLeftStoreLinksTDn {
      height: 20px;
      width: 100%;
			text-align: left;
			vertical-align: bottom;
			padding-left: 2px;
			padding-top: 0px;
			padding-right: 2px;
			padding-bottom: 0px;									
 	    background-color: #FFFFFF;
      color: #FFFFFF
			border-collapse: collapse;
			text-decoration: none;
      cursor: pointer;
			cursor: hand;
      border-style: solid;
    	border-top:    0px solid #EEEEEE;
    	border-right:  0px solid #C0C0C0;
    	border-left:   0px solid #FFF000;
    	border-bottom: 0px solid #EEEEEE;
	  }
 	  
 	  /* original color: #d6e7e8; #F48A09; #F7931D; #FFCA7F the last two are orange */
 	  #pcLeftStoreLinksTD a:hover {
 	    background-color: #FFCA7F;
 	  }

 	  /* original color: #d6e7e8; #F48A09; #F7931D; #FFCA7F the last two are orange */
    /* This changes the background color for the "dealer" site left menu; greenish */
 	  #pcLeftStoreLinksTDn a:link {
 	    background-color: none;
 	  }

 	  #pcLeftStoreLinksTDn a:visited {
 	    background-color: none;
 	  }

 	  #pcLeftStoreLinksTDn a:hover {
 	    background-color: #AFFF77;
 	  }

 	  #pcLeftStoreLinksTDn a:active {
 	    background-color: none;
 	  }

       
    /* original color: #000000, changed from black to white when darkened the gradients */
       
 	  #pcLeftStoreLinksHeaderTDWithGradient {
      BACKGROUND-IMAGE: url(/ProductCart/pc/images/custom/xxxbar_bg_33.gif);
      BACKGROUND-REPEAT: repeat-x;
      height: 30px;
      width: 100%;
			text-align: center;
			color: #00344e;
			vertical-align: middle;
 	    font-size:16px;
 	    font-weight: bold;
      border-style: solid;
    	border-top:    0px solid #CCCCCC;
    	border-right:  1px solid #CCCCCC;
    	border-left:   0px solid #CCCCCC;
    	border-bottom: 0px solid #CCCCCC;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;									
 	    background-color: #FFFFFF;
			border-collapse: separate;
			text-decoration: none;
			cursor: default;
 	  }

/* Orange color #F7931D; font-color: #000F3C*/

 	  #pcLeftStoreLinksHeaderTD {
      height: 20px;
      width: 100%;
			text-align: center;
			color: #FFFFFF;
			vertical-align: middle;
 	    font-size:12px;
 	    font-weight: normal;
			padding-left: 2px;
			padding-top: 2px;
			padding-right: 0px;
			padding-bottom: 0px;									
 	    background-color: #FFFFFF;
			border-collapse: collapse;
			text-decoration: none;
			cursor: default;
      border-style: solid;
    	border-top:    0px solid #CCCCCC;
    	border-right:  0px solid #CCCCCC;
    	border-left:   0px solid #CCCCCC;
    	border-bottom: 0px solid #CCCCCC;
      BACKGROUND-IMAGE: url(/ProductCart/pc/images/custom/bar_bg_20_left_menu.gif);
      BACKGROUND-REPEAT: repeat-x;
 	  }

 	  #pcLeftStoreLinksHeaderTDn {
      height: 20px;
      width: 100%;
			text-align: center;
			color: #FFFFFF;
			vertical-align: bottom;
 	    font-size:12px;
 	    font-weight: normal;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;									
 	    background-color: #062A5E;
			border-collapse: collapse;
			text-decoration: none;
			cursor: default;
      border-style: solid;
    	border-top:    0px solid #CCCCCC;
    	border-right:  0px solid #CCCCCC;
    	border-left:   0px solid #CCCCCC;
    	border-bottom: 0px solid #CCCCCC;
      BACKGROUND-IMAGE: url(/ProductCart/pc/images/custom/Xbar_bg_n_20_left_menu.gif);
      BACKGROUND-REPEAT: repeat-x;
 	  }

 	  #pcLeftStoreLinksHeaderTDn a:link {
      color: #FFFFFF;
 	    background-color: none;
      line-height:22px;
 	  }

 	  #pcLeftStoreLinksHeaderTDn a:visited {
      color: #FFFFFF;
 	    background-color: none;
      line-height:22px;
 	  }

 	  #pcLeftStoreLinksHeaderTDn a:hover {
      color: #062A5E;
 	    background-color: #AFFF77;
			vertical-align: bottom; 
      line-height:22px;
 	  }

 	  #pcLeftStoreLinksHeaderTDn a:active {
      color: none;
 	    background-color: none;
			vertical-align: bottom; 
      line-height:22px;
 	  }
	
		#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: #0066CC;
			text-decoration: none;
		}
		
		#pcLeftCatLinks a:hover {
			color: #FFFFFF;
		}
		
		#pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited {
			color: #666666;
			text-decoration: none;
		}
		
		#pcLeftPriceLinks a:hover {
			color: #FF6600;
		}

    /* Original lighter blue color: #003399; */
		
		#pcLeftStoreLinks a:link {
      font-size:14px;
			color: #003368;
			text-decoration: none;
			font-weight: normal;
		}

		#pcLeftStoreLinks a:visited {
      font-size:14px;
			color: #003368;
			text-decoration: none;
			font-weight: normal;
		}
		
		/* original color: red; second color: #F7931D */
		#pcLeftStoreLinks a:hover {
			color: #FFF000;
			text-decoration: none; 
			font-weight: normal;
		}

		#pcLeftStoreLinks a:active {
      font-size:14px;
			color: #003368;
			text-decoration: none;
			font-weight: normal;
		}

		/* original color: red; second color: #F7931D */
    /* This modifies the color for the left menu header sections for "dealer" */
		#pcLeftStoreLinksTDn a:hover {
			color: #000000;
			text-decoration: none; 
			font-weight: normal;
		}

	/* Define the right column */
	
		#pcShowCart {
			background-color: #FFFFAA;
			color: #666666;
			padding: 5px 5px 5px 10px;
			margin-bottom: 5px;
		}
	
		#pcCustomerLogin {
			background-color: #FFFFFF;
			color: #666666;
			padding: 0px 0px 0px 0px;
			margin: 0 0 0 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:link, #pcCustomerLogin a:visited {
			color: #666666;
			text-decoration: none;
		}
		
		#pcCustomerLogin a:hover {
			color: #333333;
		}
		
		
		#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #000000;
		}

/* End MAIN AREA */

/* START Footer */

		#pcFooterA {
      font-size: 14px;
			text-decoration: none;
			color: #646464;
		}

		#pcFooterA:link {
      font-size: 14px;
			text-decoration: none;
			color: #646464;
		}
	
		#pcFooterA:visited {
      font-size: 14px;
			text-decoration: none;
			color: #646464;
		}

		#pcFooterA:hover {
      font-size: 14px;
			text-decoration: none;
			color: #F7931D;
		}

		#pcFooterA:active {
			font-size: 14px;
			color: #646464;
      text-decoration: none;
		}
		
		#pcFooterSpacer {
			background-image:url(images/dotted_spacer_left.gif);
			height: 5px;
		}
	  
	  #pcCustServiceHeader {
      BACKGROUND-IMAGE: url(/ProductCart/pc/images/custom/bar_bg.gif);
      BACKGROUND-REPEAT: repeat-x;
	    vertical-align: middle; 
      padding-left:10px;
	    border-color:#646464; 
	    background:#FFFFFF; 
	    border-width:10px; 
	    border-style:solid; 
	    border-collapse: collapse;
	    width:33%;
	  }

    /* #646464; */
	  #pcCustService {
      padding-left:10px;
	    border-color:#C0C0C0; 
	    background:#FFFFFF; 
	    border-width:1px; 
	    border-style:solid; 
	    border-collapse: collapse;
	    width:33%;
	  }

	
/* END Footer */