/* Start of CMSMS style sheet 'basicseeds' */
/* Entries staan in alfabetische volgorde  */

body {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  -x-system-font: none;
  background: #FAF7F3 url(images/achtergrond-basicseeds.jpg);
  color: #3A3A36;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  margin: 0;
}

#cart {
  width: 180px;
  height: 200px;
}

#content-blok {
    width: 856px;
    height: auto;
    background: #FAF7F3;
    padding: 0 50px 25px 50px;
    float: left;
    margin: 0;
    border-left: 2px solid #6d7769;
    border-right: 2px solid #6d7769;
}

#content-blok-shop {
    width: 686px;
    height: auto;
    background: #FAF7F3;
    padding: 0 40px 25px 20px;
    float: left;
    margin: 0;
}

#content-frame {
    width: 956px;
    height: auto;
    background: #FAF7F3;
    float: left;
    margin: 0;
    border-left: 2px solid #6d7769;
    border-right: 2px solid #6d7769;
}

#content-blok p a img {
    border: none;
}

#content-blok-top {
    width: 960px;
    height: 30px;
    background: url(images/bs-content-blok-top.png);
    float: left;
    margin: 0;
}

#footer {
   width: 960px;
   height: 60px;
   background: url(images/bs-footer-background.png) no-repeat;
   clear: both;
   margin: 10 0 15px 0;
   position: relative;
}

#frisian {
   width: 220px;
   height: 18px;
   background: url(images/frisian-quality220x18.png) no-repeat;
   position: absolute;
   top: 25px;
   left: 380px;
}

h2 {
   text-align: center;
   color: #87a65c;
   margin: 0 0 25px 0;
}

#header {
    width: 960px;
    height: 99px;
    background-image: url(images/basicseeds-header-grijs960x99.png);
    margin: 15px 0 15px 0;
}

#left-column {
    width: 180px;
    height: auto;
    min-height: 100px;
    background: #FAF7F3;
    float: left;
    clear:both;
    margin: 0;
    padding: 55px 0 0 20px;
}

#main-menu {
    height: 64px;
    width: auto;
    margin: 16px 30px 0 0px;
    float: right;
}

#pagewrapper {
    width: 960px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

.pics img, .pics2 img {  
    padding: 0;  
    /* border:  1px solid #ccc;  */
    background-color: #FFFFFF;  
    border: none;
} 

.util-clearfix {
	display: block;
}


/*************** styles voor Lightbox  *****************/

#lightbox{
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	

#lightboxCaption{ 
	float: left; 
}

#keyboardMsg{ 
	float: right; 
}

#lightbox img{ 
	border: none;
} 

#overlay img{ 
	border: none;
}

/* To create the 'shadow' effect over the page, you'll need to use a 
PNG file and some extra CSS. The CSS is a bit messy thanks to IE's 
unorthodox support of PNG transparency */
#overlay{ 
	background-image: url(lightbox/overlay.png); 
}

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
/* end Lightbox styles */


/* End of 'basicseeds' */