/*	-------------------------------------------------------------
		Tribatyre 
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					Nov 26 2007 
		-------------------------------------------------------------	*/


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

		html {
				height: 100%;
				width: 100%;
				overflow-x: hidden; }
			
		body {
			height: 100%;
			width: 100%;
			padding: 0;
			margin: 0;
			font-size: 1em;
			font-family: Arial;
			text-align: center;
			overflow-x: hidden;
			background: #66635e url(../img/body-bg.jpg) top left repeat-x;}

		a {
			outline: none; }
			
		img {
			border: none; }
			
		input[type='submit'], input.submit {
			height: 23px;
			padding: 0 10px;
			border-left: 1px solid #cfcfcf;
			border-top: 1px solid #cfcfcf;
			border-right: 1px solid #949494;
			border-bottom: 1px solid #949494;
			background: url(../img/btn-bg.jpg) top left repeat-x;	}

		h5 {
			font-size: 11px; }
			
			

/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
 
		#container {
			width: 1024px;
			/*min-height: 100%;*/
			margin: 0 -512px 0 -512px;
			text-align: left;
			position: absolute;
			top: 0;
			left: 50%;
			background: #66635e url(../img/container-bg.jpg) top left repeat-y; }
			
		* html #container {
			/*height: 100%;*/	}



/*	-------------------------------------------------------------
		Header
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#header {
			width: 100%;
			height: 110px;
			position: relative;
			background: url(../img/header-bg.jpg) top left no-repeat; }
			
		#header h1 {
			width: 341px;
			height: 88px;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 12px;
			left: 152px;
			text-indent: -100000em;
			background: url(../img/logo.jpg) top left no-repeat; }
			
		#header #flash-header {
			height: 90px;
			width: 664px;
			position: absolute;
			top: 10px;
			left: 130px;
			z-index: 2; }
		
		#header ul {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 14px;
			right: 162px;	}
			
		#header a {
			color: #fff;
			padding: 0 10px 0 0;
			font-size: 10px;
			text-decoration: none; }
			
		#header a:hover, #header .hit {
			background: url(../img/talen-hover.gif) center right no-repeat; }



/*	-------------------------------------------------------------
		Menu
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#menu {
			height: 44px;
			margin: 0;
			padding: 0 0 0 10px;
			list-style: none;
			position: relative;
			background: url(../img/menu-bg.jpg) top left no-repeat;	}

    #login-menu {
      height: 44px;
      margin: 0;
      padding:0; }
      
		#menu li {
			height: 22px;
			line-height: 22px;
			padding: 0 12px 0 10px;
			float: left;
			background: url(../img/menu-divider-top.jpg) top right no-repeat; }
		
		#menu li a {
			height: 22px;
			font-size: 11px;
			text-decoration: none;
			color: #000; }

		#menu ul:hover {
			/*display: block;*/	}
			
		#menu ul {
			width: 100%;
			margin: -1px 0 0 -10px;
			padding: 0;
			position: absolute;
			float: left;
			top: 23px;
			left: 20px;
			display: none;
			list-style: none;	}
		
    #menu li li a {
      height: 22px;
      display: block; }
      
		#menu li li {
			height: 40px;
			line-height: 20px;
			float: left;
			background: url(../img/menu-divider-bottom.jpg) top right no-repeat; }



/*	-------------------------------------------------------------
		Content container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#content-container {
			padding: 0 128px 0 126px;
			margin: 0 0 64px 0;
			min-height: 168px;
			position: relative;
			background: url(../img/content-container-bg.jpg) top left no-repeat; }

/* Snelzoeken
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		form#snelzoeken {
			width: 190px;
			height: 21px;
			padding: 1px 0 0 0;
			margin: 0;
			background: #f08c00 url(../img/zoeken-bg.gif) 0 -2px no-repeat;
			position: absolute;
			top: 112px;
			right: 232px; }
			
		#snelzoeken input#code {
			width: 113px;
			height: 14px;
			margin: 0 0 0 10px;
			border: 1px solid #fff;
			font-size: 10px;
			float: left;			
			display: block;	}
			
		#snelzoeken .submit {
			height: 18px;
			width: 58px;
			border: none;
			padding: 0 5px;
			margin: 0 0 0 4px;
			float: left;
			background: url(../img/btn-bg.jpg) top left repeat-x;			
			font-size: 12px; }
			
		#snelzoeken div#arrow {
			width: 12px;
			height: 8px;
			position: absolute;
			top: 19px;
			left: 10px;
			background: url(../img/zoeken-info2.gif) top left no-repeat;	}
			
		#snelzoeken div#info_text {
			width: 290px;
			height: 55px;
			padding: 5px 5px 5px 5px;
			background: #fbd29a;
			font-size: 11px;
			position: absolute;
			top: 25px;
			left: 0; }
			
/* Belmiep 
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#belmiep {
			height: 44px;
			width: 130px;
			font-size: 12px;
			font-weight: 700;
			padding: 5px 0 0 5px;
			line-height: 17px;
			position: absolute;
			right: 127px;
			top: 110px;
			background: url(../img/belmiep.jpg) top left no-repeat; }
			
		#belmiep div {
			width: 97px;
			text-align: center;
			color: #f28e00; }

/*	About Tribatyre
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#about-tribatyre {
			width: 104px;
			min-height: 226px;
			float: right;
			padding: 0 ;
			background: #fff url(../img/about-tribatyre.jpg) top left no-repeat; }
			
		#about-tribatyre img {
			margin: 0 1px 0 2px; }

/*	Content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#content {
			width: 659px;
			font-size: 10px;
			padding: 0 0 0 7px;
			margin: 0 0 70px 0;
			overflow: hidden;
			float: left;
			background: url(../img/content-bg.jpg) top left repeat-x; }
		
		#content h1 {
			font-size: 12px; }	
			
		#content h2 {
			margin: 11px;
			font-size: 12px;
			text-transform: uppercase; }

		#content h2 span.orange {
			color: #f28e00;	}
		
		#content #content-text {
			width: 635px;			
			margin: 0 8px 20px 8px;
			line-height: 1.4em;	}
			
		#magnifier {
			height: 15px;
			width: 60px;
			display: block;
			padding: 0 0 0 25px;
			margin: 5px 0 0 5px;
			background: url(../img/magnifier.gif) top left no-repeat; }

		#print {
			height: 15px;
			width: 60px;
			display: block;
			padding: 0 0 0 25px;
			margin: 5px 0 0 5px;
			background: url(../img/printer.gif) top left no-repeat; }

			
/*	Categorie container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.categorie-container {
			width: 329px;
			height: 56px;
			position: relative;
			float: left;
			background: url(../img/categorie-container.jpg) top left no-repeat;	}
		
		.categorie-container h3 {
			margin: 0;
			padding: 0;
			position: absolute;
			top: 1px;
			left: 88px;
			color: #fff;
			font-size: 11px; }
		
		.categorie-container a {
			width: 315px;
			height: 50px;
			display: block;
			text-decoration: none; }
			
		.categorie-container a:hover {
			background: url(../img/categorie-container-over.gif) top left no-repeat; }
		
		.categorie-container a img {
			float:left;
			border: none; }
			
		.categorie-container span {
			width: 14px;
			height: 14px;
			display: block;
			position: absolute;
			top: 25px;
			right: 23px;
			display: none;
			background: url(../img/categorie-button.gif) top left no-repeat; }
			
		.categorie-container a img.small {
			margin: 1px 0 0 5px; }
			
		.categorie-container a img.large {			
			margin: 16px 0 0 1px; }
			
/*	Sfeer foto
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#content #sfeer-foto {
			height: 69px;
			width: 659px; }

/*	Breadcumbs
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#crumbs {
			margin: 5px 0 0 10px; }
			
		#crumbs a {
			color: #000;
			text-decoration: none; }
		
		#crumbs a:hover {
			text-decoration: underline; }

/*	Foto gallery
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	
		#mod7 a {
			color: #000;
			font-weight: 700;
			text-decoration: none; }
		
		#mod7 a:hover {
			text-decoration: underline; }
			
		.mod-photo a img {
			clear: both;
			border: none; }
			
		.mod-header {
			width: 500px;
			text-align: center;	}
			
/*	Zoekfunctie
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		form {
			margin: 10px 0; }
						
		/*input.submit {
			height: 18px;
			line-height: 15px;
			background: #333;
			color: #fff;
			border: none; }*/
			
/*	Table sort
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.sort {
			margin: 0 10px 0 0;
			padding: 0 0 0 20px; }
		
		.asc {
			background: url(img/bullet_arrow_down.png) top left no-repeat; }

		.desc {
			background: url(img/bullet_arrow_up.png) top left no-repeat; }



/*	-------------------------------------------------------------
		Footer
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#footer {
			width: 1024px;
			height: 64px;
			position: absolute;
			bottom: 0;
			background: url(../img/footer-bg.jpg) top left repeat-x; }
			
		#footer ul {
			position: relative;
			left: 145px;
			padding: 0;
			margin: 0;
			list-style: none;	}
			
		#footer li {
			height: 17px;
			line-height: 17px;
			float: left;
			padding: 0 10px; 
			background: url(../img/footer-divider.jpg) top left no-repeat; }

		#footer li a {
			font-size: 11px;
			text-decoration: none;
			color: #403f3a;	}
			
		#footer a:hover {
			color: #000; }
			

/*	-------------------------------------------------------------
		Dealerpage
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		a#webshop-button, a#auction-button {
			width: 96px;
			height: 118px;
			display: block;
			float: left;
			margin: 0 0 30px 90px;
			text-indent: -10000em; }
			
		a#webshop-button {
			background: url(../img/webshop1.gif) top left no-repeat; }
			
		a#webshop-button:hover {
			background: url(../img/webshop3.gif) top left no-repeat; }
		
		a#auction-button {
			background: url(../img/action1.gif) top left no-repeat; }

		a#auction-button:hover {
			background: url(../img/action2.gif) top left no-repeat; }

      
      
/*	-------------------------------------------------------------
		Equipment page
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #equipment-category-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    #equipment-category-list li {
      width: 200px;
      height: 100px;
      float: left;
      text-align: center;
    }

    #equipment-category-list a {
      text-decoration: none;
    }
    
    #equipment-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #equipment-list li {
      width: 46%;
      float: left;     
      background: #ccc;
      margin: 0 20px 0 0;
    }

    #equipment-list img {
      width: 95px;
      float: left;
    }

    #equipment-list td {
      padding: 0 0 0 2px;
    }
    #equipment-list .alternate {
      background: #fff;
    }
    
    #equipment-detail-image {
      display: block;
      margin: 0 auto;
    }
    #equipment-item-pictures img {
      cursor: pointer;
    }
    #equipment-info {
      margin: 15px 0 0 0;
    }
    #equipment-info td {
      padding: 2px 0 2px 2px;
    }
    #equipment-info .alternate {
      background: #ccc;
    }

    #equipment-item-pictures {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #equipment-item-pictures li {
      width: 95px;
      margin: 0 5px 0 0;
      float: left;
    }