/*	-------------------------------------------------------------
		European Seed Bank
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					Jan 26 2008
		-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    html {
      height: 100%;
      width: 100%; }

    body {
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      background: #fff url(../img/body-bg.jpg) top left repeat-x; }
      
    a {
      color: #c11b74;
      text-decoration: none;
      outline: none; }

    img {
      border: none; }



/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    #container {
      width: 1001px;
      min-height: 440px;
      margin: 0 auto;
			padding: 0 0 65px 0;
      position: relative;
      text-align: left;
      background: url(../img/container-bg.jpg) top left repeat-y; }



/*	-------------------------------------------------------------
		Header
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    #header {
      width: 100%;
      height: 97px;
      position: relative;
      background: #000 url(../img/header-bg.jpg) top left no-repeat; }
      
    #header form {
      width: 175px;
      height: 35px;
      position: absolute;
      top: 14px;
      right: 136px; }
    
    #header fieldset {
      width: 175px;
      background: none;
      padding: 0; }
      
    #header input {
      font-size: 9px;
      width: 100px; }

    #header #submit {
      width: 65px;
      height: 17px;
      line-height: 15px;
      margin-left: 5px; }

		#languages {
			width: 111px;
			height: 22px;
			margin: 0;
			padding: 0 0 0 5px;
			background: url(../img/flags.jpg) top left no-repeat;
			list-style: none;
			position: absolute;
			right: 20px;
			top: 14px; }
			
		#languages li {
			float: left; }
			
		#languages li a {
			height: 12px;
			width: 20px;
			display: block;
			text-indent: -999em;
			margin: 5px 7px 0 0; }
			
			
/*	Navigation
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    ul#navigation {
      height: 25px;
      margin: 0;
      padding: 0;
      list-style: none;
      position: absolute;
      top: 58px;
      left: 483px; }
      
    #navigation li {
      width: 97px;
      height: 30px;
      margin: 0 5px 0 0;
      float: left; }

    #navigation li a {
    	width: 100%;
			height: 100%;
      display: block;
      line-height: 20px;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      text-indent: -999em;
      font-weight: 700; }

    #navigation-0 {
      background: url(../img/home-button.jpg) top left no-repeat; }

    #navigation-0:hover, #navigation-0 .selected {
      background: url(../img/home-button.jpg) 0px -30px no-repeat; }

    .fr #navigation-0 {
      background: url(../img/home-button-fr.jpg) top left no-repeat; }

    .fr #navigation-0:hover, .fr #navigation-0 .selected {
      background: url(../img/home-button-fr.jpg) 0px -30px no-repeat; }

    .es #navigation-0 {
      background: url(../img/home-button-es.jpg) top left no-repeat; }

    .es #navigation-0:hover, .es #navigation-0 .selected {
      background: url(../img/home-button-es.jpg) 0px -30px no-repeat; }

    #navigation-1 {
      background: url(../img/faq-button.jpg) top left no-repeat; }

    #navigation-1:hover, #navigation-1 .selected {
      background: url(../img/faq-button.jpg) 0px -30px no-repeat; }

    .nl li#navigation-2 {
      background: url(../img/products-button.jpg) top left no-repeat; }

    .nl #navigation-2:hover, .nl #navigation-2 .selected {
      background: url(../img/products-button.jpg) 0px -30px no-repeat; }

    .en li#navigation-2 {
      background: url(../img/products-button-en.jpg) top left no-repeat; }

    .en #navigation-2:hover, .en #navigation-2 .selected {
      background: url(../img/products-button-en.jpg) 0px -30px no-repeat; }

    .fr li#navigation-2 {
      background: url(../img/products-button-fr.jpg) top left no-repeat; }

    .fr #navigation-2:hover, .fr #navigation-2 .selected {
      background: url(../img/products-button-fr.jpg) 0px -30px no-repeat; }

    .es li#navigation-2 {
      background: url(../img/products-button-es.jpg) top left no-repeat; }

    .es #navigation-2:hover, .es #navigation-2 .selected {
      background: url(../img/products-button-es.jpg) 0px -30px no-repeat; }

    .nl #navigation-3 {
      background: url(../img/over-ons-button.jpg) top left no-repeat; }

    .nl #navigation-3:hover, .nl #navigation-3 .selected {
      background: url(../img/over-ons-button.jpg) 0px -30px no-repeat; }

    .en #navigation-3 {
      background: url(../img/over-ons-button-en.jpg) top left no-repeat; }

    .en #navigation-3:hover, .en #navigation-3 .selected {
      background: url(../img/over-ons-button-en.jpg) 0px -30px no-repeat; }

    .fr #navigation-3 {
      background: url(../img/over-ons-button-fr.jpg) top left no-repeat; }

    .fr #navigation-3:hover, .fr #navigation-3 .selected {
      background: url(../img/over-ons-button-fr.jpg) 0px -30px no-repeat; }

    .es #navigation-3 {
      background: url(../img/over-ons-button-es.jpg) top left no-repeat; }

    .es #navigation-3:hover, .es #navigation-3 .selected {
      background: url(../img/over-ons-button-es.jpg) 0px -30px no-repeat; }
         
    #navigation-4 {
      background: url(../img/contact-button.jpg) top left no-repeat; }

    #navigation-4:hover, .nl #navigation-4 .selected {
      background: url(../img/contact-button.jpg) 0px -30px no-repeat; }

    .es #navigation-4 {
      background: url(../img/contact-button-es.jpg) top left no-repeat; }

    .es #navigation-4:hover, .es #navigation-4 .selected {
      background: url(../img/contact-button-es.jpg) 0px -30px no-repeat; }


      
/*	-------------------------------------------------------------
  	Content
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #content { }

    #content h1, #content h2, #content h3 {
      font-size: 15px;
      color: #c81a76;
      margin: 20px 0 15px 0; 
      text-transform: uppercase; }
      
		#masthead-image {}
      
    #text {
      width: 824px;
      min-height: 550px;
      float: left;      
      padding: 0 0 0 26px; }

		#text.small {
			width: 454px; }
			
    #text a {
      color: #c11b74;
      text-decoration: none;
      font-weight: 700; }
    
      

/*	-------------------------------------------------------------
		Contact information block
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
      
    #contact {
      width: 266px;
      height: 117px;
      float: right;
      padding: 57px 0 0 19px;
      margin: 0 21px 0 0;
      background: url(../img/contact-bg.jpg) bottom left no-repeat; }



/*	-------------------------------------------------------------
		Products
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #products {
      height: 558px;
      width: 150px;
      background: url(../img/products-bg.jpg) top left no-repeat;
      float: left; }
      
    #products ul {
      margin: 0;
      padding: 19px 0 0 0;
      list-style: none; }
    
    #products ul ul {
      padding: 3px 0 3px 0; }
      
    #products li {
      text-indent: 9px;
      font-weight: 700;
      color: #606060;
      background: url(../img/products-item-bullet.jpg) 15px 7px no-repeat; }
 
    #products li li {
      text-indent: 18px; }

    #products li span {
      height: 17px;
      width: 100%;
      line-height: 17px;
      display: block;
      color: #606060;      
      border-bottom: 1px solid #e2e2e2; }
      
    #products li a {
      height: 17px;
      width: 100%;
      line-height: 17px;
      font-weight: 100;
      display: block;
      color: #606060;      
      border-bottom: 1px solid #e2e2e2; }
      
    #products li a:hover { }
      
    .nl #products {
      background: url(../img/products-bg.jpg) top left no-repeat; }
      
    .en #products {
      background: url(../img/products-bg-en.jpg) top left no-repeat; }

    .fr #products {
      background: url(../img/products-bg-fr.jpg) top left no-repeat; }

    .es #products {
      background: url(../img/products-bg-es.jpg) top left no-repeat; }

      
      
/*	-------------------------------------------------------------
  	Shop sales
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    #sales {
      height: 375px;
      width: 281px;
      margin: 0 21px 0 0;
      float: right;
      background: url(../img/sales-bg.jpg) bottom left no-repeat; }
      
    #sales h2 {
			margin: 0 0 8px 0;
      color: #469eb0;
      border: none; }
      
    #shop_sales {
      padding: 53px 0 0 0;
      margin: 0;
      list-style: none; }

		#shop_sales li {
			width: 265px;
			height: 99px;
      clear: both;
      position: relative;
			padding: 0 0 0 12px; }
	  
		#shop_sales li img {
			border: 1px solid #9d9d9d;
			margin: 0 10px 0 0;
			float: left; }
			
		#shop_sales li h3 {
			width: 169px;

			color: #c11b74;
			font-size: 14px;
			border: none;
      display: inline;
			padding: 0;
			margin: 0 0 5px 0; }
			
		#shop_sales strong {
			font-size: 15px;
			color: #000;
			float :left; }
			
		#shop_sales li a {
			height: 16px;
			width: 16px;
			display: block;
      position: absolute;
      top: 40px;
      right: 20px;
			text-indent: -999em;
			margin: 0 0 0 3px;
			background: url(../img/sales-button.png) top left no-repeat; }
			
			
			
/*	-------------------------------------------------------------
		Shop list
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		dl.shop_list {
			height: 93px;
			width: 850px;
			position: relative;
      padding: 12px 0 0 0;
      margin: 0 0 0 -26px;
      border-top: 1px solid #e6e6e6; }
	  
		.shop_list h4 {
			color: #c81a76;
			margin: 0px;
			font-size: 14px; }
		
    p {
      margin: 7px 0; }
      
		.shop_list dt {
			height: 100%;
			width: 107px;
			float: left; }
			
		.shop_list dd {
			width: 560px;
			margin: 0;
			float: left; }
			
		.shop_list p {
			width: 400px; }
			
		.shop_list img {
			margin: 0 0 0 17px;
			border: 1px solid #9d9d9d; }
		
		#text .shop_list a.more-info-button {
			color: #c81a76;
			text-decoration: underline;
      padding: 0; }
		
		.order {
			height: 100%;
			width: 128px; 
			position: absolute;
			right: 0;
			top: 37px;
			padding: 0 0 0 50px; }

		#text strong {
			font-size: 20px; }

		#text .order a.order-button {
			height: 15px;
			width: 112px;
			display: block;
      text-transform: uppercase;
			margin: 5px 0 0 -10px;
			background: url(../img/shop-order-button.jpg) top left no-repeat; }

    #shop_sort {
      margin: 0 0 20px 0; }



/*	-------------------------------------------------------------
		Detailed product info
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#shop_content img {
		  margin: 0 69px 0 0;
		  border: 1px solid #9d9d9d; }
		
    a.rechts {
      margin: 0 24px 0 0;
      float: right; }
      
    a.links {
      float: left; }
      
		#text a.order-button-large {
			height: 15px;
			width: 112px;
			margin: 15px 10px 0 0;
			background: url(../img/shop-order-button.jpg) top left no-repeat;
			display: block;
      color: #fff;
      text-indent: 5px;
      text-transform: uppercase;
			float: right; }
			
    div#description {
      width: 372px; }
      
     #order {
      height: 168px;
      width: 345px;
      padding: 1px 14px;
      background: url(../img/order-bg.jpg) top left no-repeat; }
      
    .rel-prod img {
      margin: 0 5px 0 0;
      vertical-align: baseline; }
      

/*	-------------------------------------------------------------
		Basket and payment
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    #voortgang-stappen {
      width: 788px;
       margin: 0;
       padding: 0;
       list-style: none; }
				
		#stap1 {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, sans-serif; }
		
		#stap2 {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, sans-serif; }
		
		#stap3 {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, sans-serif; }
		
		#stap4 {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 12px;
        font-family: Arial, Verdana, Helvetica, sans-serif; }
		
		#voortgang-stappen li {
        width: 25%;
        height: 40px;
        float: left;
        color: #bbb;
        border-top: 4px solid #ccc; }
		
		#voortgang-stappen li.stap-klaar {
        border-top: 4px solid #777; }
		
		#voortgang-stappen li.stap-huidig {
        border-top: 4px solid #777;
        color: #353535;    
				font-weight: bold; }
	
		table#bestellingoverzicht {
      width: 798px;
      font-size: 12px; }     

    table#bestellingoverzicht td {
    	padding: 3px;
      background: #ececec;
      border-bottom: 1px solid #bbb; }
					
		#bestellingoverzicht thead th, #bestellingoverzicht tfoot td {
    	background: #d9d9d9;
      text-align: left;
      padding: 3px; }
      
		table.gegevensoverzicht {
			width: 798px;
			background: #ffffff;
			float: left;
			margin-bottom: 30px;
			font-size: 12px;
			padding: 5px 3px;
			text-align: left;
			border-bottom: 1px solid #999;
			text-align: left;
			font-size: 12px; }
					
		.gegevensoverzicht {
    	font-size: 12px; }

		#text td a {
			background: none; }
			
			
/* 	Velden
		 -------------------------------------- */
    
		fieldset {
		    width: 798px;
		    background: #f1f1f1;
		    padding: 5px;
		    border: none; }
		
		fieldset label, fieldset input {
		    width: 150px;
		    float: left;
		    margin: 3px 0 0 0;
		    display: block; }
		
		fieldset input {
		    width: 200px;
		    border: 1px solid #bbb; }
		
		fieldset br {
		    clear: left; }
		
		.radio {
		    width: 30px;
		    border: none; }
		.wide {
		    width: 250px; }



/*	-------------------------------------------------------------
		Footer
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    #footer {
      height: 49px;
      width: 1000px;
      margin: 19px 0 0 -12px;
			position: absolute;
			bottom: 0;
			left: 12px;
      background: #141215; }