/* CSS DOC - TARMAK website 2007	 								*/


/* 	------------------------------------------------------------	*/
/* 	standard TAGS													*/
/* 	------------------------------------------------------------	*/

	body {
		padding:0;
		margin:0;
		}
		
	a {
		outline: none;
	}

/* 	------------------------------------------------------------	*/
/* 	background images												*/
/* 	------------------------------------------------------------	*/

	.bg-home { background: url(../image/home.gif) no-repeat top left; }
	.bg-products { background: url(../image/products.gif) no-repeat top left; }
	.bg-shop { background: url(../image/shop.gif) no-repeat top left; }
	.bg-contact { background: url(../image/contact.gif) no-repeat top left; }
	
/* 	------------------------------------------------------------	*/
/* 	structure														*/
/* 	------------------------------------------------------------	*/

	#background {
		position: absolute;
		top: 50%;
		left: 50%;
		width:960px;
		height:600px;
		margin-top: -300px;
		margin-left: -480px;
		}

	#content {
		background: #fff;
		width: 826px;
		height: 479px;
		position: absolute;
		top:20px;
		left:57px;
		margin:0;
		padding:0;
		}

	#top {
		background: url(../image/back-top.gif) no-repeat top left;
		height: 115px;
		width:826px;
		float:left;
		clear:both;
		}

	#main {
		height: 350px;
		width:826px;
		margin:0px;
		padding:0px;
		float:left;
		font: normal 11px/normal "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		color: #000000;
		}


/* 	------------------------------------------------------------	*/
/* 	top																*/
/* 	------------------------------------------------------------	*/

	.logo-tarmak {
		float:left;
		}
	.slogan {
		float:left;
		margin: 38px 0px 0px 0px;
		}
	.top3hoek {
		float:right;
		}
	.anim {
		width:354px;
		height:112px;
		position: absolute;
		top:2px;
		left:419px;
		}


/* 	------------------------------------------------------------	*/
/* 	main															*/
/* 	------------------------------------------------------------	*/

	#news {
		background: url(../image/back-home.gif) no-repeat top left;
		height: 352px;
		width:400px;
		float:left;
		margin: 0px 10px 0px 10px;
		}
	#sneakoftheweek {
		background: url(../image/back-sneak-oftheweek.gif) no-repeat top left;
		height: 320px;
		width:387px;
		float:left;
		}
	#subscribed h3 {
		padding:0 0 0 80px;
		}
	.spaceimg {
		margin: 5px;
		}
		
/* 	------------------------------------------------------------	*/
/* 	form															*/
/* 	------------------------------------------------------------	*/

	#newsletter {
		margin: 0 0 0 40px;
		}
	#newsletter form {
		padding: 0 0 8px 0;
		}
	#newsletter input {
		font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		width: 130px;
		background-color:#fff;
		border: 1px solid #ccc;
		}
	#newsletter img {
		cursor: pointer;
		}


/* 	------------------------------------------------------------	*/
/* 	products														*/
/* 	------------------------------------------------------------	*/

	#brandscontainer {
		clear: both;
		}
	
	#brands {
		background: url(../image/back-brands.gif);
		height: 310px;
		width:152px;
		float:left;
		margin: 10px 10px 0px 10px;
		}
	#scroll-brands {
		height:300px;
		font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		overflow:hidden;
		padding: 10px 0px 0px 4px;
		margin:0;
		}
	#models {
		background: url(../image/back-models.gif) no-repeat top left;
		height: 310px;
		width:238px;
		margin: 10px 0px 0px 0px;
		float:left;
		}
	#title {
		background-color: #00B8F0;
		margin: 0px;
		padding: 0px 2px 0px 0px;
		font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		color: #FFFFFF;
	}
	#products-last {
		background:#fff;
		height: 310px;
		width:374px;
		margin: 10px 0px 0px 10px;
		float:left;
		}
	#scroll-brands a {
		color: #000000;
		text-decoration:none;
		padding: 0px;
		}
	#scroll-brands a:hover {
		color: #FFFFFF;
		text-decoration:none;
		background-color: #00B8F0;
		padding: 0px;
		}
	#scroll-brands a.current {
		color: #FFFFFF;
		text-decoration:none;
		background-color: #00B8F0;
		padding: 0px;
		}
	#scroll-brands p {
		display: block;
		margin: 0 0 20px 0;
		}
	a.tmb {
		margin: 1px;
		border: 1px solid #000000;
		display: block;
		width: 54px;
		height: 54px;
		float: left;
		}
	a.tmbnew {
		margin: 1px;
		display: block;
		width: 54px;
		height: 54px;
		border: 1px solid #00B8F0;
		float: left;
		}
	#thumbsHolder {
		margin: 6px 0px 0px 6px;
		}
	#thumbsHolder a.lnk {
		color: #000;
		}
	#thumbsHolder a.lnk:hover {
		color: #f00;
		}
	#detailsHolder {
		margin: 6px 0px 0px 6px;
		height: 50px;
		}
		
	.scrolldiv {
		float:left;
		position: absolute;
		top:422px;
		left:142px;
		}
		
	.scrolldiv2 {
		float:left;
		position: absolute;
		top:422px;
		left:390px;
		}
	a#scroll_up {
		background: url(../image/up-orange.gif) no-repeat top left;
		width:10px;
		height:20px;
		padding:0;
		margin:0;
		text-decoration:none;
		display:block;
		/*float:left;*/
		outline: none;
		clear:both;
		}
	a#scroll_down {
		background: url(../image/down-blue.gif) no-repeat top left;
		width:10px;
		height:20px;
		padding:0;
		margin:0;
		text-decoration:none;
		display:block;
		/*float:left;*/
		outline: none;
		}

	a#scroll_up span, a#scroll_down span { display:none; }
	a#scroll_up:active, a#scroll_down:active { outline: none; }
	
	a#scroll_next {
		background: url(../image/next-orange.gif) no-repeat top left;
		width:20px;
		height:10px;
		padding:0;
		margin:0;
		text-decoration:none;
		display:block;
		/*float:left;*/
		outline: none;
		/*clear:both;*/
		float: right;
		}
	a#scroll_prev {
		background: url(../image/prev-blue.gif) no-repeat top left;
		width:20px;
		height:10px;
		padding:0;
		margin:0;
		text-decoration:none;
		display:block;
		float:left;
		outline: none;
		}

	a#scroll_next span, a#scroll_prev span { display:none; }
	a#scroll_next:active, a#scroll_prev:active { outline: none; }
	
	#scroll {
		margin: 6px;
		width: 40px;
		float:right;
	}
	
	#weeksneak {
		position: relative;
		z-index: 9999;
		}
	
	#scroll-sneak {
		height:302px;
		font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		overflow:hidden;
		padding: 6px 6px 6px 6px;
		margin:0;
		position: relative;
		top: -33px;
		/*z-index: 9998;*/
		}
	
	#scroll-sneak p {
		margin: 0;
		padding: 0;
		}
	a#scroll_up3 {
		background: url(../image/up-orange.gif) no-repeat top left;
		width:10px;
		height:20px;
		padding:0;
		margin:0;
		text-decoration:none;
		display:block;
		/*float:left;*/
		outline: none;
		clear:both;
		}
	a#scroll_down3 {
		background: url(../image/down-blue.gif) no-repeat top left;
		width:10px;
		height:20px;
		padding:0;
		margin:0;
		text-decoration:none;
		display:block;
		/*float:left;*/
		outline: none;
		}

	a#scroll_up3 span, a#scroll_down3 span { display:none; }
	a#scroll_up3:active, a#scroll_down3:active { outline: none; }
		
	.scrolldiv3 {
		float:left;
		position: absolute;
		top:390px;
		left:790px;
		}


/* 	------------------------------------------------------------	*/
/* 	contact															*/
/* 	------------------------------------------------------------	*/

	#adresgegevens {
		background: url(../image/back-models.gif) no-repeat top left;
		height: 352px;
		width:300px;
		margin: 0px 10px 0px 10px;
		float:left;
		font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		}
	#adresgegevens p {
		padding-left: 6px;
	}
	#adresgegevens a {
		color: #00B8F0;
		text-decoration: none;
	}
	#adresgegevens a:hover {
		color: #F6921D;
	}
	#routeplan {
		background:#fff;
		height: 352px;
		width:474px;
		float:left;
		}

/* 	------------------------------------------------------------	*/
/* 	shop															*/
/* 	------------------------------------------------------------	*/

	#shop-left {
		background: url(../image/back-brands.gif);
		height: 352px;
		width:200px;
		margin: 0px 10px 0px 10px;
		float:left;
		}
	#shop-right {
		background:#fff;
		height: 352px;
		width:574px;
		float:left;
		}



/* 	------------------------------------------------------------	*/
/* 	Navigatie														*/
/* 	------------------------------------------------------------	*/

	#navcontainer {
		font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		position:absolute;
		top: 60px;
		left: 0px;
		background-color:#cc55dd;
		padding:0;
		margin:0;
		text-transform: uppercase;
		}
	#navlist { 
		margin:0;
		padding:0;
		}
	#navlist ul { 
		margin:0; 
		padding: 0;
		}
	#navlist li {
		display: inline;
		list-style-type: none;
		float:left;
		}
	#navlist a {
		background-color: #999;
		padding-top:11px;
		/*padding-bottom:6px;*/
		padding-left:8px;
		margin:0;
		display:block;
		height:22px;

		}

			#navlist a.home {
				background: #f6921d url(../image/navimg-home.gif) no-repeat 44px 6px;
				width:70px;
				}
			#navlist a.home:hover {
				background: #f6921d url(../image/navimg-home-bk.gif) no-repeat 44px 6px;
				}
				
			#navlist a.products {
				background: #00b8f0 url(../image/navimg-products.gif) no-repeat 68px 5px;
				width:91px;
				}
			#navlist a.products:hover {
				background: #00b8f0 url(../image/navimg-products-bk.gif) no-repeat 68px 5px;
				}
				
			#navlist a.brands {
				background: #00b8f0 url(../image/navimg-products.gif) no-repeat 56px 5px;
				width:81px;
				}
			#navlist a.brands:hover {
				background: #00b8f0 url(../image/navimg-products-bk.gif) no-repeat 56px 5px;
				}
				
			#navlist a.shop {
				background: #f180a2 url(../image/navimg-shop.gif) no-repeat 38px 5px;
				width:58px;
				}
			#navlist a.shop:hover {
				background: #f180a2 url(../image/navimg-shop-bk.gif) no-repeat 38px 5px;
				}
				
			#navlist a.gallery {
				background: #f180a2 url(../image/navimg-shop.gif) no-repeat 58px 5px;
				width:80px;
				}
			#navlist a.gallery:hover {
				background: #f180a2 url(../image/navimg-shop-bk.gif) no-repeat 58px 5px;
				}
				
			#navlist a.contact {
				background: #8bc53f url(../image/navimg-contact.gif) no-repeat 60px 6px;
				width:82px;
				}
			#navlist a.contact:hover {
				background: #8bc53f url(../image/navimg-contact-bk.gif) no-repeat 60px 6px;
				}
				
			#navlist a.blog {
				background: #f6921d url(../image/navimg-blog.gif) no-repeat 44px 6px;
				width:69px;
				}
			#navlist a.blog:hover {
				background: #f6921d url(../image/navimg-home-bk.gif) no-repeat 44px 6px;
				}


	#navlist a:link, #navlist a:visited {
		color: #EEE;
		text-decoration: none;
		}
		
	#active a:link, #active a:visited, #active a:hover {
		color: #333;
		}
		

	#subnavcontainer {
		font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		background-color:#cc55dd;
		padding:0;
		margin:0px 0px 0px 10px;
		text-transform: uppercase;
		}
	#subnavlist { 
		margin:0;
		padding:0;
		}
	#subnavlist ul { 
		margin:0; 
		padding: 0;
		}
	#subnavlist li {
		display: inline;
		list-style-type: none;
		float:left;
		}
	#subnavlist a {
		background-color: #999;
		padding-top:11px;
		/*padding-bottom:6px;*/
		padding-left:8px;
		margin:0;
		display:block;
		height:22px;

		}

			#subnavlist a.sneakers {
				background: #f6921d url(../image/navimg-home.gif) no-repeat 66px 6px;
				width:90px;
				}
			#subnavlist a.sneakers:hover {
				background: #f6921d url(../image/navimg-home-bk.gif) no-repeat 66px 6px;
				}
				
			#subnavlist a.clothing {
				background: #00b8f0 url(../image/navimg-products.gif) no-repeat 68px 5px;
				width:91px;
				}
			#subnavlist a.clothing:hover {
				background: #00b8f0 url(../image/navimg-products-bk.gif) no-repeat 68px 5px;
				}
				
			#subnavlist a.magsandtoys {
				background: #8bc53f url(../image/navimg-contact.gif) no-repeat 84px 6px;
				width:104px;
				}
			#subnavlist a.magsandtoys:hover {
				background: #8bc53f url(../image/navimg-contact-bk.gif) no-repeat 84px 6px;
				}
				
			#subnavlist a.accessoires {
				background: #f180a2 url(../image/navimg-shop.gif) no-repeat 82px 5px;
				width:102px;
				}
			#subnavlist a.accessoires:hover {
				background: #f180a2 url(../image/navimg-shop-bk.gif) no-repeat 82px 5px;
				}


	#subnavlist a:link, #subnavlist a:visited {
		color: #EEE;
		text-decoration: none;
		}



	#footer {
		position: relative;
		top: 546px;
		float: right;
		padding-right: 100px;
		font: normal 10px/normal "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		color: #fff;
		}
		
	#footer a {
		color: #fff;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #fff;
		text-decoration: underline;
		}



	#footer2 {
		position: relative;
		top: 646px;
		float: right;
		padding-right: 100px;
		font: normal 10px/normal "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
		color: #fff;
		}
		
	#footer2 a {
		color: #fff;
		text-decoration: none;
		}
		
	#footer2 a:hover {
		color: #fff;
		text-decoration: underline;
		}