/*	-------------------------------------------------------------
		Royal Queen Seeds
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					May 13 2008
		-------------------------------------------------------------	*/
	
/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		html {
			height: 100%; }
				
		body {
		  width: 100%;
			height: 100%;
			padding: 0;
			margin: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			text-align: center;
			background: #c6c7c8; }
			
		a {
			color: #e4007a;
			-moz-outline: none; }
    
    a img {
      border: none; }
      
    h2 {
      margin: 0 0 10px 0; }

		select {
			font-size: 11px; }
			
			
	
/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		      
		#container {
			width: 955px;
      /*min-height: 100%;*/
			margin: 0 auto;
			position: relative;
      background: url(../img/container-bg.gif) top left repeat-y;
			font-size: 11px;
			text-align: left; }
			

      
/*	-------------------------------------------------------------
		Masthead
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#masthead {
		  width: 100%;
      height: 167px; }
      
    #masthead h1 {
      width: 328px;
      height: 100%;
      margin: 0;
      padding: 0;
      float: left;
      text-indent: -10000em;
      background: url(../img/logo.gif) top left no-repeat; }
      
    #masthead img {
      width: 627px;
      background: #cc0;
      height: 100%;
      display: block;
      float: right; }


      
/*	-------------------------------------------------------------
		Divider
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#divider {
		  height: 26px;
      width: 100%;
		  clear: both;
      position: relative;
      background: #d0d3d6 url(../img/divider-bg.jpg) top left no-repeat; }
      
    #divider ul {
      margin: 0;
      padding: 0;
      list-style: none; }

    #divider li {
      display: block;
      float: left;
      line-height: 26px; }
      
    #divider ul a {
      height: 26px;
      color: #000;
      display: block;
      padding: 0 20px;
      font-size: 13px;
      text-decoration: none; }
    
    * html #divider ul a {
      white-space: nowrap;
      width: 55px; }
      
    #divider ul a:hover, #divider ul a.selected {
      background: url(../img/menu-bg-hover.jpg) top left repeat-x;
      color: #fff; }

    #divider form {
      width: 150px;
      height: 26px;
      padding: 0;
      position: absolute;
      right: 0; }
    
    #divider form img {
      width: 27px;
      height: 20px;
      margin: 3px 0 0 0;
      vertical-align: top; }
      
    #divider select {
      margin: 3px 0 0 5px;
      font-size: 9px; }



/*	-------------------------------------------------------------
		Content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
      
    #content {
      height: 100%;
/*      background: #fff;*/ }

		
    #left-column {
      width: 310px;
      min-height: 511px;
      float: left;
      position: relative;
			padding: 0 0 0 17px;
      background: #e5e5e5; }

    * html #left-column, * html #right-column {
      height: 520px; }
      
    #left-column #border {
      height: 450px;
      width: 300px;
      position: absolute;
      top: 50px;
      left: 13px;
      background:  url(../img/border300x450.gif) top left no-repeat;
      z-index: 2; }

    #left-column #Slideshow {
      position: absolute;
      top: 50px;
      left: 13px; }
      
    #right-column {      
      width: 600px;
      padding: 0 14px;
      min-height: 511px;      
			font-size: 11px;			
      float: right; }
    
    #content-block {
      padding: 10px; }
      
/*	Language selection
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    ul#language-selection {
      margin: 11px 0 0 0;
      padding: 0;
      list-style: none; }

    #language-selection li {
      width: 76px;
      height: 40px;
      margin: 0 0 8px 0;
      float: left; }
      
    #language-selection a {
      width: 38px;
      height: 12px;
      text-align: left;
      display: block;
      font-size: 9px;
      padding: 28px 0 0 0;
      color: #000;
      text-decoration: none;
      float: left; }
      
    #language-selection #nederlands {
      background: url(../img/nl.gif) top left no-repeat; }

    #language-selection #english {
      background: url(../img/en.gif) top left no-repeat; }

    #language-selection #francais {
      background: url(../img/fr.gif) top left no-repeat; }

    #language-selection #deutsch {
      background: url(../img/de.gif) top left no-repeat; }

    #language-selection #espanol {
      background: url(../img/es.gif) top left no-repeat; }



/*	-------------------------------------------------------------
		Shop
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .shop-list {
      height: 290px;
      margin: 10px 0 10px 0;
      float: left; }

    .shop-list h4 {
      width: 148px;
      margin: 5px 0 3px 0;
      padding: 0;
      font-size: 12px; }
      
    .shop-list dt {
      width: 148px;
      margin: 0 0 0 7px; }
      
    .shop-list dd {
      width: 148px;     
      position: relative;
      margin: 0 0 0 7px;
      font-size: 11px; }
      
    .shop-list p {
      margin: 0;
      padding: 0; }
    
    .shop-list a img {
      border: none; }
      
    .basket-link {
      padding: 5px 0 0 20px;
      background: url(../img/bestelwagen.gif) top left no-repeat; }
      
    .knop {
      height: 22px;
      width: 90px;
      display: block;
      text-align: center;
      color: #fff;
      text-decoration: none;
      line-height: 22px;
      font-size: 12px;
      background: url(../img/knop.gif) top left no-repeat; }
    
    .knop:hover {
      color: #000;
      cursor: pointer; }
			
		h1, h2 {
			font-size: 12px; }
			

/*	-------------------------------------------------------------
		Footer
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #footer {
      width: 100%;
      height: 25px;
      clear: both;
      line-height: 25px;
      font-size: 10px;
      background: #1a171b;
      position: relative;
      color: #fff; }

    
    #footer a {
      color: #fff;
      text-decoration: none; }
      
    #footer div {
      width: 300px;
      position: absolute;
      left: 355px;
      top: 0; }
      
    #footer #softsecrets-logo {
      position: absolute;
      top: 0;
      right: 0; }