/*
 *******************************************
 *                                         *
 * CSS FOR SPRUNK-JANSEN                   *
 *                                         *
 * By Rasmus Frey <frey@verk.dk>           *
 *                                         *
 *******************************************
**/


body, html {margin:0px;padding:0px;height:auto;}


body{	
	text-align:center;
	background-color:#fff;
}

#container{
	position:relative;
	overflow:hidden;
	width:770px;
	height:auto;
	margin: 0 auto;
	text-align:left;
}

	/*
	***** LANGUAGE *****
	*/
	#languagediv{
		position:absolute;
		right:0px;
		padding-top:25px;
		z-index:1000!important;
		text-transform:uppercase;
	}
	/*
	***** HEADER *****
	*/
	#header{
		position:relative;
		clear:both;
		width:770px;
		overflow:hidden;
		height:58px;
		padding-top:55px;
		padding-bottom:25px;
	}
	* html #header{
		height:58px;
	}
	
	#headerdistrub{
		position:relative;
		clear:both;
		width:770px;
		overflow:hidden;
		height:157px;
		padding-bottom:5px;
	}
	#breadcrump{
		margin-bottom:20px;
		font-size:10px;
		color:#B8AB9B;
	}
		#breadcrump a{
			color:#B8AB9B;
			text-decoration:none;
		}
		/*
		***** LOGO *****
		*/
		#logo{
			float:left;
			width:240px;
			text-align:center;
			margin-right:25px;
		}
		/*
		***** NAVIGATION *****
		*/
		#navigation{
			float:left;
			width:240px;
			margin-right:25px;
			margin-top:7px;
			text-align:center;
		}
			#navigation ul{
				width:240px;
				overflow:hidden;
				list-style: none;
				margin:0px;
				padding:0px;
				text-align:center;
			}
			#navigation ul li {
				display:inline;
				padding:0px;
				margin:0px;
			}
			#navigation ul li.active, #navigation ul li.active a {
				/*font-weight:bold;*/
				color: #2873B4;
			}
			#navigation ul li a:hover {
				/*font-weight:bold;*/
				color: #2873B4;
			}
			#navigation ul li a{
				font-size:100%;
				text-transform:uppercase;
				/*color:#7b6633;*/
				text-decoration:none;
			}
			* html #navigation ul li a{ /* IE HACK */
				font-size:100%;
			}
		/*
		***** NAVIGATION DISTRIBUTOR *****
		*/
		#navigationdistrub, #subnavigationdistrub{
			float:left;
			width:770px;
			/*margin-right:25px;*/
			margin-bottom:20px;
			text-align:left;
			padding-bottom:5px;
			border-bottom:1px solid #9a6637;
		}
			/*#navigationdistrub table{
				width:770px;
				overflow:hidden;
				list-style: none;
				margin:0px;
				padding:0px;
				text-align:left;
			}*/
			/*#navigationdistrub table td {
				display:inline;
				padding:0px;
				margin:0px;
				overflow:hidden;
			}*/
			#navigationdistrub table td.active, #navigationdistrub table td.active a, #subnavigationdistrub table td.active, #subnavigationdistrub table td.active a {
				/*font-weight:bold;*/
				color: #2873B4;
			}
			#navigationdistrub table td a:hover, #subnavigationdistrub table td a:hover {
				/*font-weight:bold;*/
				color: #2873B4;
			}
			#navigationdistrub table td a, #subnavigationdistrub table td a{
				font-size:100%;
				text-transform:uppercase;
				/*color:#7b6633;*/
				text-decoration:none;
			}
			* html #navigationdistrub table td a, * html #subnavigationdistrub table td a{ /* IE HACK */
				font-size:100%;
			}
		/*
		***** SMALL BASKET *****
		*/
		#basket{
			float:left;
			width:240px;
			height:auto;
			overflow:hidden;
			font-size:80%;
			margin-top:7px;
		}
			#baskettext{
				clear:both;
				float:left;
				padding:2px;
				padding-left:8px;
				width:70px;
				background: #fff url(../graphics/basket_text_bg.gif) left no-repeat;
			}
			* html #baskettext{ /* IE Hack */
				width:80px;
			}
			#basketcontent{
				float:left;
				background-color:#996733;
				color:#fff;
				margin-left:4px;
				padding:2px;
				padding-left:8px;
				width:146px;
				margin-bottom:4px;
			}
			* html #basketcontent{ /* IE Hack */
				width:136px;
			}
			#basketlinks{
				clear:both;
				background-color:#b8ab9b;
				color:#fff;
				padding:2px;
				padding-left:8px;
			}
				#basketlinks a{
					color:#fff;
					text-decoration:none;
				}

	/*
	***** CONTENT *****
	*/
	#content{
		position:relative;
		clear:both;
		width:770px;
		overflow:hidden;
		height:auto;
		margin-bottom:25px;
	}	
	
	#footer{
		padding:0px;
		font-size:10px;
		text-align:right;
		color:#B8AB9B;
		height:20px;
		margin-top:15px;
	}
		#footer a{
			color:#B8AB9B;
			text-decoration:none;
		}
		
	#distrubtop{
		padding:0px;
		font-size:10px;
		text-align:right;
		color:#B8AB9B;
		height:20px;
		margin-top:5px;
	}
		#distrubtop a{
			color:#B8AB9B;
			text-decoration:none;
		}
	
	/*
	***** YOUR BASKET PAGE *****
	*/
	#baskettable{
		margin-top:10px;
	}
		#basketheading td{
			background-color:#b8ab9b;
			color:#fff;
			font-weight:bold;
			padding:5px;
		}
		.basketitem td, #baskettotal{
			padding:5px;
		}
		#baskettotal hr{
			width:240px;
			color:#996733;
			margin:0px;
			margin-bottom:5px;
			padding:0px;
			margin-right:-5px;
		}
		#basketbuttons td{
			padding-top:20px;
		}
		
		#ordersheading td{
			font-weight:bold;
			padding:5px;
		}
		
	/*
	***** GENERAL RULES *****
	*/
	input, select, option, textarea{
		font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif, "Lucida Sans";
		font-size:90%;
		padding:1px;
	}
	.textinput{
		border:1px solid #996733;
	}
	.button{
		border:1px solid #b8ab9b;
		background-color:#b8ab9b;
		color:#fff;
	}

	/*
	***** COLOR STUFF *****
	*/
	.whitebg{
		background-color:#fff;
		padding:0px;
	}
	.brownbg{
		background-color:#996733;
		color:#fff;
		padding:0px;
	}
	.greenbg{
		background-color:#4fa600;
		color:#fff;
		padding:0px;
	}
	.bluebg{
		background-color:#296dc0;
		color:#fff;
		padding:0px;
	}
	.redbg{
		background-color:#E85758;
		color:#fff;
		padding:0px;
	}
	.orangebg{
		background-color:#F39928;
		color:#fff;
		padding:0px;
	}
	
	/*
	***** COLOR STUFF *****
	*/
	.white{
		color:#fff;
	}
	.brown{
		color:#996733;
	}
	.green{
		color:#4fa600;
	}
	.blue{
		color:#296dc0;
	}
	.red{
		color:#E85758;
	}
	.orange{
		color:#F39928;
	}
	.error{
		/*color:#e50000;*/
		color:#fff;
		background-color:#CC0000;
		padding:2px;
	}
	.confirm{
		color:#33cc00;
	}
	
/* SPACER HACKS */
	.horzspacer{
		height:25px;
		width:1px;
		overflow:hidden;
	}
	.vertspacer{
		height:1px;
		width:25px;
		overflow:hidden;
	}