/*
  CUSTOM POPSHOPS STYLESHEET

  If you have more than one PopShop on a page
  make sure to preface your styles with the
  shop id: #PopShop12345.  For example the
  table.pspsWrapper would become:
  #PopShop12345 table.pspsWrapper {}

  In order to make the shops compatible with most
  browsers and webpages the products are displayed
  in a table.  You will still need to control
  rows and columns using the ShopBuilder.
*/

/*
  Can use to limit the width of a shop although
  images, can cause the shop to go wider.
*/
table.pspsWrapper {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 5px;
  /* width: 300px; */
}

/*
  Can help with the vertical placement of the image
  and text within the table cell, as well as
  setting the font styles.
*/
table.pspsWrapper td{
  vertical-align: top;
  padding: 0;
}

/*
  General font appearance
*/
table.pspsWrapper a,
table.pspsWrapper td {
  font-family: arial, tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  color: #3B4C63;
  font-style: normal;
  font-weight: bold;
  text-align: center;
}

table.pspsWrapper .pspsRetailPrice {
  font-style: ;
  font-weight: ;
  text-decoration: line-through;
  color: #000000;
}

table.pspsWrapper .pspsSalePrice {
  font-style: ;
  font-weight: ;
  color: #C00;
}
table.pspsWrapper .pspsDescription {
  font-style: ;
  font-weight: bold;
  color: #00000;
}

table.pspsWrapper .pspsMerchant {
  font-style: ;
  font-weight: ;
  color: #;
}

table.pspsWrapper .pspsBrand {
  font-style: ;
  font-weight: ;
  color: #;
}


/*
  Link specific styles
*/
table.pspsWrapper a {
  color: #3b5998;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

/*
  Used to control the appearance of the images. Also
  used to control the image sizes.
*/
table.pspsWrapper a img {
  border: none;
  max-width: 100px;
  max-height: 100px;
  width: expression(this.width > 100 ? 100 : true);
}

/*
  Controls paragraphs that contain the name, price, and description
*/
table.pspsWrapper p {
  margin: 0;
  padding: 3px;
  line-height:100%;
}

/*
  Used to style the containing cell of a product.  This
  cell contains the image, name, price, brand, description.
  This also controls the background color for the cells.
*/
table.pspsWrapper .pspsCell {
  background: #ffffff;
  border: 2px dashed #CCC;
  width: 145px;
  padding: 7px;
  background-color: #fff;
}

/*
  Call to action buttons
*/
table.pspsWrapper .buy_button {
   margin-left:auto;
   margin-right:auto;
   padding: 3px 3px;
   display: block;
   margin-top: 7px;
   color: #000000;
   background-color: #FF9933;
   font-weight: normal;
   border: 2px #ffffff outset;
   font-size: 12px;
   width: 75px;
}

/*
  If you want to alternate the placement of images and text within the cell
  then you can uncomment the following styles.
*/
/*table.pspsWrapper .pspsMain {
  padding: 0 10px 10px 0;
  float: left;
}

table.pspsWrapper .pspsAlt {
  padding: 0 0 10px 10px;
  float: right;
}*/

/*
  Leave this line uncommented if you want the images centered
*/
.pspsMain {
  padding: 0 0 10px 0;
  width: 100%;
  text-align: center;
}


/*
  A wrapper containing any page navigation for the shop.
*/
table.pspsWrapper .pspsPager {
  text-align: center;
  padding: 10px;
}

/*
  Navigation page links
*/
table.pspsWrapper .pspsPager a,
table.pspsWrapper .pspsPager span {
  font-weight: bold;
  text-decoration: none;
  padding: 2px;
  line-height: 200%;
  border: 4px solid #6d84b4;
}

/*
  The current page in the navigation links
*/
table.pspsWrapper .pspsPager .pspsCurrentPage {
  background-color: #6d84b4;
  color: #000;
}

/*
  All pages that are not the current page
*/
table.pspsWrapper .pspsPager .pspsInactivePage {
  color: #aaa;
}

.psps-pagination {width:100%;float:left;}
.psps-results-pages span, .psps-results-pages a {display:block;padding:0 2px;border:1px solid #ccc;float:left;text-decoration:none;margin-left:2px;}
.psps-results-pages span a {display:inline;padding:0;border:none;}