/* $Id: local-sample.css,v 1.1 2009/08/19 04:28:52 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

#header-group-wrapper,
#header-primary-menu-wrapper,
#main-wrapper {
    padding: 0px;
    background-color: #920000;
  }
#header-group, #main, #header-primary-menu {
    border-left: 2px solid #1D1D1D;
    border-right:2px solid #1D1D1D;
}
#header-site-info-inner {
    margin: 0px;
  }
#main-wrapper {
    padding: 0px;
  }
#main {
    padding: 20px 0px;
    background-color: #FFF;
    min-height: 600px;
  }
h2.title {
    text-transform: capitalize;
  }
h2.pane-title { 
  font-size:1.4em;
  margin: -0.8em 0 0 0;
  color: #999;
}

.cta-button a:link,
.cta-button a:visited,
.cta-button a:link,
.cta-button a:visited {
  background: url("../design_packs/gray/images/button-bg.png") repeat-x top center;
  color: #fff;
}

.cta-button a:hover,
.cta-button a:focus,
.cta-button a:hover,
.cta-button a:focus {
  background-position: bottom center;
}

.cta-button a:link,
.cta-button a:visited,
.cta-button a:link,
.cta-button a:visited {
  border: solid 2px #ccc;
  margin: 0;
  padding: 4px 14px;
  text-decoration: none;
}

div.password-description {
  border: 1px solid #CCC;
  background: none #F0F0F0;
  }

#autocomplete {
  z-index: 300;
}

.block-search, .preface-bottom-inner, .preface-bottom {
  overflow: visible;
}

div#autocomplete ul li { 
  list-style-type: none;
  list-style-image: none;
}

div.block-search div.inner {padding: 3px 6px;}

div.view-id-artikelen_voorpagina td { 
  background: #F0F0F0; 
  border-top: 2px solid #CCC;
  text-align: center;
  vertical-align: top;
 }

div.view-id-artikelen_voorpagina td span.views-field-title,
div.view-id-artikelen_voorpagina td span.views-field-title a { 
  color: #FF6600; 
  font-weight: bold;
  width: 100%;
 }
 
.postscript-bottom p img { 
  padding: 8px; 
  vertical-align: middle;
  }

.postscript-bottom p {
  margin: 0;
}
 

div.view-id-artikelen_voorpagina {
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
}

div.view-id-artikelen_voorpagina a {
  color: #AF0000;
  }

div.view-id-artikelen_voorpagina .views-field-sell-price {
  padding-top: 10px;
  height: 30px;
  font-size: 1.5em;
}

div.view-id-artikelen_voorpagina div.views-field-title {
  height: 50px;
  overflow: hidden;
  }

div.view-id-artikelen_voorpagina .views-field-field-image-cache-fid {
  font-size: 116.67%;   /* 14px/12px */
  height: 140px;
  width: 140px;
  overflow: hidden;
  margin-left: 10%;
  border: 2px solid #BBB;
  background-color: #FFF;
  display:block;
}

div.view-id-artikelen_voorpagina .views-field-field-image-cache-fid  a{
	height: 140px;
	width: 140px;
	display: block;
}


div.view-id-artikelen_voorpagina .views-field-field-image-cache-fid img{
	position:relative;
	top: 50%;
	margin-top: -70px;
}

.header-group-wrapper {
	background: url('../logos/pietenshop_logo.jpg') no-repeat center;
}

.header-group-wrapper .grid16-16 .inner {
	margin: -12px 0 0 0;
	padding: 0;
	height: 130px;
	width: 960px;
	display: block;
}

.footer-wrapper, .footer-message-wrapper {
	background:none repeat scroll 0 0 #333;
}

html {
	background: none repeat scroll 0 0 #920000;
}

.primary-menu-inner ul.menu li a:link, .primary-menu-inner ul.menu li a:visited {
       border-left:1px solid #5B5B5B;
       color:#5B5B5B;
}

.footer-message a:link, .footer-message a:visited, .footer a:link, .footer a:visited,
.footer-wrapper, .footer-message-wrapper, .store-footer, .footer-wrapper h2.block-title  {
	color:#CCCCCC;
}

/* Catalog Grid */
.cta-buttons {
  position: relative;
  left: 50%;
  margin-left: -100px;
}
.cta-buttons span {
  float: left;
  font-weight: 500;
  }
.cta-buttons  div{
  float: left;
  margin: -6px 0 0 30px;
}
.cta-buttons  div.uc_out_of_stock_throbbing{
  float: left;
  clear: both;
  margin: 5px 10px;
}

.category-grid-products .list-add-to-cart{
  width: 50px;
  height: 27px;
  background: url('../design_packs/gray/images/add.png') #FFF 7px 2px no-repeat;
  text-indent: 200px;
  overflow: hidden;
  color: transparent; 
  border: 2px solid #CCCCCC;
}

.category-grid-products .list-add-to-cart:hover{
  background: url('../design_packs/gray/images/add-selected.png') #FFF 7px 2px no-repeat;
}

.category-grid-products .catalog-grid-image {
  font-size: 116.67%;   /* 14px/12px */
  height: 140px;
  width: 140px;
  overflow: hidden;
  margin-left: 15%;
  border: 2px solid #BBB;
  background-color: #FFF;
  margin-left: -70px;
  position: relative;
  left: 50%;
}


.category-grid-products .catalog-grid-image a{
	height: 140px;
	width: 140px;
	display: block;
}


.category-grid-products .catalog-grid-image img{
	position:relative;
	top: 50%;
	margin-top: -70px;
}

table.category td.category a,
table.category td.category a:link
table.category td.category a:visited {
        color: #555555;
	font-size: 1.3em;
}

.postscript-bottom .prosper-gray-rounded-plain .content {
	padding: 0px;
}

#price-group {
       width: 200px;
}

.prosper-rounded-title h2.block-title {
  background-color: #920000;
}

.catalog-term-intro {
  color: #666;
}


/* Stock */
.stocktable .stock-last {
  text-align: center;
}

#field-group {
  width: 240px;
}

.stock_level img {
  position: relative;
  top: 5px;
}

/* Login formulier */
.cust-login-block {
  width: 200px;
  float:left;
  min-height: 300px;
  margin: 0px 10px;
}

#bestaande-klant-block {
  width: 300px;
}

.cust-login-block h3,
.cust-login-block p,
.cust-login-block form {
  margin: 5px 3px;
}

.cust-login-block p,
.cust-login-block ul {
  color: #666;
}

.cust-login-block p a {
  font-weight: 600;
}

.cust-login-content-inner-inner {
  width: 550px;
}

#nieuwe-klant-block {
  background-color: #ffffcc;
  border: 1px solid #ffff33;
}

/* Frontpage */
#frontpage-pane {
  min-height: 450px;
  background: url('../logos/bg.jpg') no-repeat right scroll #fff;
}

#frontpage-pane p {
  width: 240px;
  color: #666;
  margin-left: 20px;
}

#postscript-top span {
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: block;
}

#header-primary-menu-wrapper {
  background: none #920000;
  border: none;
}

#header-primary-menu {
  background: url("../design_packs/gray/images/primary-menu-bg.png") repeat-x scroll left top #1D1D1D;
  border-bottom: 5px solid #929292;
}

.panels-flexible-region-1-center {
  width: 100%;
}

.center { text-align: center; }

#block-block-3 h2.title {
  text-transform: none;
}


/** CSS voor taxonomy  view **/
.category-grid-products div.uc_out_of_stock_throbbing { 
  background-position: center 3px;
 }

.category-grid-products div.uc_out_of_stock_throbbing.uc_oos_throbbing {
  background-position: center -17px;
}

.category-grid-products .views-field-title {
  min-height: 50px;
}

.category-grid-products .views-field-title a{ 
  font-size: 1.2em;
  color: #444;
  font-weight: 600;
}
.category-grid-products .views-field-sell-price {
  font-size: 1.3em;
  color: #000;
  font-weight: 600;
}
.category-grid-products .views-field-field-image-cache-fid img {
  border: 2px solid #c0c0c0;
}

.guestbook .even { background-color: #eee; }

#user-register fieldset { width: 420px; }
#user-register .form-item { width: 350px; }