﻿/*
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
*/
body {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
	}
	
/* NEW HOME PAGE */


  #center td {
	text-align: right;
	vertical-align: top;
	
}
	
	#center h1 {
	font-size: 18px;
	color: #666666;
	font-weight:bold;
	margin: 5px 5px 2px 20px;
	font-family:Verdana;

}	#center img {
	border: none;
	display: inline-block;
	
}
/*
 * HeaderHome2 Random Content
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#FFFFFF; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
.cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:100%;
  line-height:1.5em;
  color:#777;
}
.cs_article .readmore {
  font-size:100%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:340px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:900px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:340px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 67%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
  text-align:left;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}

/*
 * End of HeaderHome2 Random Content
 */

/* TOP AREA of the page: store description, store name, search box, navigation */

		#pcHeader {
			width: 930px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
			background-color: #FFFFFF;
			font-size: 12px;
			color: #666666;
			border-collapse: collapse;
			border: 0;
		}
		
		#pcAccount {
			width: 930px;
			height: 15px;
            margin-left: auto;
			margin-right: auto;
			background-color: #BCDDF4;
			padding: 2px 2px 2px 0px;
			font-size: 12px;
			font-weight: normal;
			font-family: Arial, Helvitica, sans-serif;
			vertical-align: middle;
			text-align: right;
			}
			
		   #pcAccount a:link {
			color: #000066;
			text-decoration: none;
			font-family: Arial, Helvitica, sans-serif;
			padding: 0px 15px 0px 0px;
			}
			
		   #pcAccount a:hover{
			color: #FF6600;
			text-decoration: none;
			font-family: Arial, Helvitica, sans-serif;
			padding: 0px 15px 0px 0px;
		}
           #pcAccount a:visited {
			color: #000066;
			text-decoration: none;
			font-family: Arial, Helvitica, sans-serif;
			padding: 0px 15px 0px 0px;
			}

		
		#pcHeader td {
			padding: 0px;
			vertical-align: top;
		}
		
		#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;
			vertical-align: bottom;
			height: 26px;
			font-size: 13px;
			font-family:Arial, sans-serif;
			color: #000000;
			background-color: #CCCCCC;
			padding:1px 0px 0px 0px;
		}
		
		#pcStoreSearch a {
			text-decoration: none;
			color: #333333;
			font-size: 13px;
			font-family:Arial, sans-serif; 
		}
		
		#pcStoreSearch a:hover {
			color: #000000;
		}
		#pcStoreSearch img {
	        border: 0px;
	        padding: 0px;
	
}
		
		#pcTopNav {
			text-align: right;
		}
		
		#pcTopCat {
			text-align: left;
		}

			
		#pcTopNav ul {
			list-style: none;
			margin: 0;
		}
		
		#pcTopNav li {
			display: inline;
			padding-right: 13px;
		}
		
		#pcTopNav a:visited {
			text-decoration: none;
			font-size: 12px;
			color: #000066;
			font-family:Arial, sans-serif;
			font-weight: 600; 
		}
		
		#pcTopNav a:link {
			text-decoration: none;
			font-size: 12px;
			color: #000066;
			font-family:Arial, sans-serif;
			font-weight: 600; 
		}
		
		#pcTopNav a:hover {
			color: #0066CC;
		}
		
		#pcTopCat ul {
			list-style: none;
			margin: 0;
		}
		
		#pcTopCat li {
			display: inline;
					}
		
		#pcTopCat a:visited {
		    color: #FFFFFF;
     		padding-left: 5px;
     		padding-right:10px; 
     		font-weight: 600;
     		text-decoration: none;
     		text-align: left; 
     		font-size: 12px; 
     		font-family:Arial, sans-serif; 
          
		}
		
		#pcTopCat a:link {
		    color: #FFFFFF;
     		padding-left: 5px;
     		padding-right:10px; 
     		font-weight: 600;
     		text-decoration: none;
     		text-align: left; 
     		font-size: 12px; 
     		font-family:Arial, sans-serif; 
          
		}
		
		#pcTopCat a:hover {
			color: #F5F5F5;
		}

        .style1 {
	        border-width: 0;
	        padding: 0px;
         }
        .style2 {
	       font-family: "Trebuchet MS";
	       color: #FFFFFF;
         }
         .style3 {
	        border-width: 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: 930px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5px;
			padding: 0;
			border: 0;
			border-collapse: collapse;
			background-color: #FFFFFF;
		}
	
		#pcLeft {
			width: 160px;
			text-align: left;
			vertical-align: top;
		}
	
		#pcCenter {
			width: 755px;
			padding: 0 5px 0 5px;
			text-align: left;
			vertical-align: top;
		}
	
		#pcRight {
			text-align: center;
			vertical-align: bottom;
			padding:0px 0px 0px 0px;

		}
		
		.pcColumnSpacer {
			width: 8px;
			background-image:url(images/dotted_spacer_vert.gif);
		}

	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 13px;
			margin: 0;
			padding-bottom: 2px;
			color: #333333;
		}
    	
     
		#pcLeftCatLinks {
			background-color: #FFFFFF;
			padding: 0px 0px 0px 0px;
			margin: 0 0 2px 0;
			
		}
		
		#pcLeftStoreLinks {
		    width: 160px;
			background-color: #F5F5F5;
			color: #999999;
			padding: 0px 5px 1px 5px;
			margin: 0 0 2px 0;
			text-align: left;
		}
	       
	       #pcLeftStoreLinks li {
		    list-style: none;
		}

          #pcLeftStoreLinks ul {
		    list-style: none;
		}

	        #pcLocalLinks {
		    width: 160px;
			background-color: #FFFFCC;
			color: #999999;
			padding: 0px 5px 1px 5px;
			margin: 0 0 2px 0;
			text-align: left;

		}

          #pcLocalLinks li {
		    list-style: none;
		    
		}

		#pcLeftStoreLinks a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcLeftStoreLinks a:link {
			color: #777777;
			text-decoration: none;
		}
		
		#pcLeftStoreLinks a:hover {
			color: #FF6600;
			text-decoration: none;
		}
		
		#pcLocalLinks a:link {
			color: #777777;
			text-decoration: none;
		}
		
		#pcLocalLinks a:hover {
			color: #FF6600;
			text-decoration: none;

		}
          #pcLocalLinks a: visited {
			color: #777777;
			text-decoration: none;

		}

      /* Define the right column */
	
		#pcShowCart {
			background-color: #FFFFCC;
			color: #666666;
			padding: 0px 0px 0px 0px;
			margin-bottom: 0px;
			font-size: 11px;
			font: Tahoma;

		}
	
		#pcCustomerLogin {
			background-color: #FFFFFF;
			color: #B0B0B0;
			padding: 15px 0px 0px 0px;
			margin: 10px 0px 0px 0px;
			font-size: 15px;
			font-weight: bold;
			font-family: Times New Roman;
			vertical-align: middle;
			text-align:right;
		}
		
		
		#pcCustomerLogin a:visited {
			color: #B0B0B0;
			text-decoration: none;
			padding: 40px 0px 0px 15px;

		}
		
		#pcCustomerLogin a:link {
			color: #B0B0B0;
			text-decoration: none;
			padding: 40px 0px 0px 15px;
		}
		
		#pcCustomerLogin a:hover {
			color: #868686;
			text-decoration: none;
			padding: 40px 0px 0px 15px;

		}
				
		#pcAffiliateLogin {
			background-color: #FFEE99;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcQuick h3 {
			font-size: 11px;
			margin: 0px;
			padding-bottom: 0px;
			color: #CC0000;
			text-align: center;

		}
	
		#pcQuick ul {
			list-style-type: none;
			padding: 0;	
     		padding-right: 15px;
     		text-align: center;
     		

		}
	
		#pcQuick li {
			margin: 0 0 0 0px;
			text-align: left;
			display: block;
			
		}
		
		#pcQuick {
		    width: 175px;
			background: #FFFFCC;
			font: 10px/150% Arial;
	   		padding-right: 10px;
	   		border:solid 1px #F4CB53;
	   		
			}
			
		{
			text-decoration: none;
			color: #0066CC;
			font: 10px/150% Arial;
			}
         			
		#pcQuick a:visited {
			text-decoration: none;
			color: #0066CC;
			font: 10px/150% Arial;
			}
         			
		#pcQuick a:link {
			text-decoration: none;
			color: #0066CC;
			font: 10px/150% Arial;
			}
         #pcQuick a:hover {
			text-decoration: underline;
			color: #0066CC;
			font: 10px/150% Arial;
			}


		#pcRight h3 {
			font-size: 9px;
			margin: 0px;
			padding-bottom: 0px;
			color: #999999;
		}
	
		#pcRight ul {
			list-style-type: none;
			padding: 0;	
     		padding-right: 0px;

		}
	
		#pcRight li {
			margin: 0px 0 0 0;
			
		}

		
		#pcAffiliateLogin a:visited {
			color: #777777;
			text-decoration: none;
		}
		
				
		#pcAffiliateLogin a:link {
			color: #777777;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #000000;
		}
		
		#pcMattress {
		    width: auto;
			background: #FFFFFF;
			font: 11px/150% Arial;
	   		padding: 5px;
	   		border:solid 1px #F4CB53;
	   		vertical-align: top;
	   		text-align:left;

	   		
			}

		#pcMattress td {
		    width: 500px;
			background: #E6E6E6;
			font: 11px/150% Arial;
	   		padding: 5px;
	   		border: none;
	   		vertical-align: top;
	   		text-align:left;

	   		
			}
			
			#pcMattress ul {
			list-style-type: none;
			padding: 0;	
     		padding-right: 0px;
     		text-align:left;

		}
	
		    #pcMattress li {
			 margin: 0px 0 0 0;
			 text-align:left;
			
		}

		
		#pcDescription {
		    width: auto;
			background: #FFFFFF;
			font: 11px/150% Arial;
	   		padding: 5px;
	   		border:solid 1px #F4CB53;
	   		vertical-align: top;
	   		text-align:left;
	   		
			}

		#pcDescription td {
		    width: 500px;
			background: #E6E6E6;
			font: 11px/150% Arial;
	   		padding: 5px;
	   		border: none;
	   		vertical-align: top;
	   		text-align:left;
	   		
			}
			
			#pcDescription ul {
			list-style-type: square;
			padding: 0;	
     		padding-right: 0px;
     		text-align:left;

		}
	
		    #pcDescription li {
			 margin: 0px 0 0 0;
			 text-align:left;
			
		}

         .Directions1 {
	     border: 1px solid #CCCCCC;
            }
         .Directions2 {
	      border-collapse: collapse;
	      border-color: #FFFFFF;
	      border-width: 0;
	      margin-right: 47px;
}

				
.rborder{display:block}
.rborder *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#7DAACC}
.rborder1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c7dae9;
  border-right:1px solid #c7dae9;
  background:#9dbfd8}
.rborder2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f2f6f9;
  border-right:1px solid #f2f6f9;
  background:#95bad5}
.rborder3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #95bad5;
  border-right:1px solid #95bad5;}
.rborder4{
  border-left:1px solid #c7dae9;
  border-right:1px solid #c7dae9}
.rborder5{
  border-left:1px solid #9dbfd8;
  border-right:1px solid #9dbfd8}
.rborderfg{
  background:#7DAACC}

/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			background-color: #FFFFFF;
			font-size: 11px;
			color: #666666;
			text-align: right;
			padding: 5px;
		}
		
		#pcFooter a:hover {
			text-decoration: none;
			color: #666666;
		}
		
		#pcFooter a:visited {
			text-decoration: none;
			color: #666666;
		}
		
		#pcFooter a:link {
			text-decoration: none;
			color: #666666;
		}
		
		#pcFooterSpacer {
			background-image:url(images/dotted_spacer_left.gif);
			height: 5px;
		}
		
		#Footer {
			margin:0px 0px 0px 0px;
			padding:10px 0px 0px 0px;
			border-width:0px 0px;
			background: #999999;
			color: #FFFFFF;
			font: 12px/150% Verdana;
			}
		{
			text-decoration: none;
			color: #FFFFFF;
			font: 12px/150% Verdana;
			}
         #Footer a:visited {
			text-decoration: none;
			color: #FFFFFF;
			font: 12px/150% Verdana;
			}
         #Footer a:link {
			text-decoration: none;
			color: #FFFFFF;
			font: 12px/150% Verdana;
			}
         #Footer a:hover {
			text-decoration: underline;
			color: #FFFFFF;
			font: 12px/150% Verdana;
			}

    	#Footer2 {
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			border-width:0px 0px;
			background: #FFFFFF;
			font: 10px/150% Arial;
			color: #333333;
			text-decoration: none;
			color: #333333;
			font: 10px/150% Arial;
			}
         		

	    #Footer2 td	{
	       text-align: center;
	       width:150px;
            }
		#Footer2 a:visited {
			text-decoration: none;
			color: #333333;
			font: 10px/150% Arial;
			}
         			
		#Footer2 a:link {
			text-decoration: none;
			color: #333333;
			font: 10px/150% Arial;
			}
         #Footer2 a:hover {
			text-decoration: underline;
			color: #0066CC;
			font: 10px/150% Arial;
			}
    	#Footer3 {
			margin:5px 0px 0px 0px;
			padding:2px 0px 0px 0px;
			border-width:0px 0px;
			background: #FFFFFF;
			font: 10px/150% Arial;
			color: #333333;
			text-decoration: none;
			color: #333333;
			font: 10px/150% Arial;
			}
           #Footer3 h6	{
	       text-align: left;
	       padding-left: 30px;
	       font: 12px/150% Arial;
	       vertical-align:top;
            }

	    #Footer3 td	{
	       text-align: left;
	       vertical-align:top;
	       width: 250px;
            }
		#Footer3 a:visited {
			text-decoration: none;
			color: #333333;
			font: 10px/150% Arial;
			}
         	
		#Footer3 a:link {
			text-decoration: none;
			color: #333333;
			font: 10px/150% Arial;
			}
         #Footer3 a:hover {
			text-decoration: underline;
			color: #0066CC;
			font: 10px/150% Arial;
			}
         #Footer3 ul {
	        list-style-type: none;
			padding: 2;	
			text-align: left;
     		padding-right: 0px;
     		}
     	 #pcFooter3 li {
            text-align:left;
            padding-left: 0px;
}


.fborder{display:block}
.fborder *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#999999}
.fborder1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3;
  background:#b2b2b2}
.fborder2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4;
  background:#acacac}
.fborder3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #acacac;
  border-right:1px solid #acacac;}
.fborder4{
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3}
.fborder5{
  border-left:1px solid #b2b2b2;
  border-right:1px solid #b2b2b2}
.fborderfg{
  background:#999999}

	
/* END Footer */