
/*************************************************************************************************************** 
 * Basic Screen Layout
 ***************************************************************************************************************/

	html, body{
		padding:0;
		margin:0;
		height:100%;}
	
	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		background:url(/AbfallScout/media/body_background.png) 0 0 #ddd;}
		
	#gradient{
		background:url(/AbfallScout/media/body_gradient.png) repeat-x 0 0;}
		
	#shadow{
		background:url(/AbfallScout/media/body_shadow.png) no-repeat center 0;}
		
	#center{
		width:1000px;
		padding:0;
		margin:0 auto 0 auto;
		text-align:left;}
		
	#contentArea{
		background:url(/AbfallScout/media/content_background.gif) repeat-y 0 0;
		width:1000px;}
		
	#contentArea.orderArea{
		background:#fff;}
		
	#center .oneCol{
		background:url(/AbfallScout/media/content_background_1col.gif) repeat-y 0 0;}
	
	h1{
		font-size:24px;
		margin:0 0 24px 0;
		font-weight:bold;
		color:#57ab26;
		letter-spacing:-0.05em;}
		
	h2{
		font-size:22px;
		margin:15px 0 15px 0;
		font-weight:bold;
		color:#054794;
		letter-spacing:-.03em;}
		
	h3{
		font-size:16px;
		color:#054794;
		margin:15px 0 15px 0;}
		
	h4{
		font-size:12px;
		margin:0 0 20px 0;}
	
	ul{
		margin:0 0 10px 0;}
	
	ul li{
		margin-left:15px;
		margin-bottom:3px;
		list-style-type:disc;}
		
	ol li{
		margin-left:15px;
		margin-bottom:3px;
		list-style-type:decimal;}
		
	ol ul li{
		list-style-type:disc;}
		
	p{
		font-size:12px;
		line-height:1.2em;
		margin:4px 0 8px 0;}
		
	a{
		color:#054794;
		text-decoration:none}
		
	a:hover{
		text-decoration:underline;}
		
	.table{
		border-top:1px solid #d5d5d5;
		border-left:1px solid #d5d5d5;}
		
	.table th, .table  td{
		padding:3px 10px 3px 10px;
		border-bottom:1px solid #d5d5d5;
		border-right:1px solid #d5d5d5;}
		
		
		
/*************************************************************************************************************** 
 * Header
 ***************************************************************************************************************/
 	
	#header{
		height:150px;
		background:url(/AbfallScout/media/lkws_default.jpg) no-repeat right top;
		padding-top:1px;
		overflow:hidden;}
		
	#logo{
		position:absolute;
		margin:30px 0 0 0;}
		
	#welcome{
		position:absolute;
		margin:90px 0 0 260px;
		font-size:11px;}
			
		
/*************************************************************************************************************** 
 * Header > Menu
 ***************************************************************************************************************/
	
	#menu{
		position:absolute;
		width:1000px;
		height:36px;
		background:url(/AbfallScout/media/menu_rounded_corners.gif) no-repeat left top #054794;
		text-align:left;
		top:115px;
		overflow:hidden;}
		
	#menu h2{
		background:url(/AbfallScout/media/quick_start.png) no-repeat left top;
		height:23px;
		margin:0;
		padding:13px 0 0 10px;
		color:#FFF;
		font-size:12px;
		float:left;
		width:180px;}
		
	#search{
		margin:6px 0 0 30px;
		width:345px;
		height:29px;
		float:left;}
		
	#search label{
		color:#b9d7f5;
		padding-right:10px;
		padding-top:5px;
		font-weight:bold;
		vertical-align:middle;
		float:left;}
		
	#inputSearch{
		width:240px;
		height:24px;
		padding:0;
		border:0;
		float:left;}
	
	#search a{
		color:#FFF;
		height:19px;
		width:41px;
		display:block;
		background:url(/AbfallScout/media/green_button.gif) no-repeat 0 0 #4da618;
		float:left;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		margin-left:2px;
		padding-top:5px;}
		
	#search a:hover{
		background:url(/AbfallScout/media/green_button.gif) no-repeat 0 -24px #4da618;
		text-decoration:none;}
	
	#navi{
		width:415px;
		height:36px;
		margin-left:20px;
		margin-top:5px;
		float:left;}
	
	#navi li{
		list-style-type:none;
		float:left;
		margin:0 0 0 5px;}
		
	#navi li a{
		color:#FFF;
		display:-moz-inline-stack;
		display:inline-block;
		background:url(/AbfallScout/media/blue_button.gif) no-repeat 0 0;
		font-weight:bold;}
		
	#navi li a span{
		display:block;
		background:url(/AbfallScout/media/blue_button_corner.gif) no-repeat right top;
		padding:7px 15px 10px 15px;}
		
	#navi li a:hover{
		background-position:0 -31px;
		text-decoration:none;}
		
	#navi li a:hover span{
		background-position:right -31px;}

		
			
			
/*************************************************************************************************************** 
 * Left and Right Col
 ***************************************************************************************************************/
		
	#leftCol, #rightCol{
		width:180px;
		overflow:hidden;
		float:left;}

		
	.box{
		background:url(/AbfallScout/media/box_background.png) no-repeat 0 0 #fff;
		padding:10px 0 0 0;
		text-align:center;
		font-size:11px;}
		
	.boxClose{
		border-bottom:1px solid #d6d7d9;}
		
	.box h3, .box h4{
		color:#054794;
		padding-left:5px;
		text-align:left;
		font-size:12px;
		margin:0 5px 10px 0;}
		
	.box h4{
		text-transform:uppercase;}
		
	.box p{
		font-size:11px;
		margin:5px 5px 10px 5px;}
		
	.box p a{
		margin-top:10px;
		display:-moz-inline-stack;
		display:inline-block;}
		
	.box p a.mt0{
		margin-top:0;}
		
	.box ul{
		margin:0;}
		
	.box li{
		text-align:left;
		list-style-type:none;
		border-bottom:1px solid #d5d5d5;
		margin:0;
		padding:0;
		background:url(/AbfallScout/media/grey_arrow.gif) no-repeat 160px 6px;}
		
	.box li a{
		color:#000;
		display:block;
		margin:0;
		padding:5px;}
		
	.box li.active a{
		font-weight:bold;}
		
	.boxCart li{
		background:none;
		padding:5px 5px 5px 5px;}
		


/*************************************************************************************************************** 
 * Special box styles
 ***************************************************************************************************************/
 
	#quickStart{
		background:url(/AbfallScout/media/quick_start_background.png) no-repeat left bottom #fff;
		padding-bottom:10px;
		padding-top:0;}
		
	#quickStart ul{
		margin:0 0 0 5px;}
		
	#quickStart li{
		border:0;
		border-top:1px solid #d5d5d5;
		background:url(/AbfallScout/media/green_arrow.gif) no-repeat 155px 6px;
		height:22px;}
		
	#quickStart li.b0{
		border:0;}
		
	#quickStart li.liquid0{
		border-top:5px solid #d6d7d9;
		/*border-top:3px solid #054794;
		margin-left:-1px;
		padding-left:1px;
		background:url(/AbfallScout/media/green_arrow.gif) no-repeat 156px 6px;*/}
		
	#quickStart li a{
		width:165px;}
	
	#boxSupport{
		height:150px;}
		
	#boxSupportLady{
		background:url(/AbfallScout/media/support_lady_02.jpg) no-repeat -15px bottom;
		height:150px;}
		
	#boxSupportLady p{
		padding-left:73px;}
		
	#boxSupportLady p a{
		display:block;
		background:url(/AbfallScout/media/email.jpg) no-repeat 0 0;
		height:35px;
		padding-top:50px;}
		
	.box .ad{
		border:1px solid #d9dadc;
		display:-moz-inline-stack;
		display:inline-block;}
		
	.box .ad img{
		border:1px solid #fff;}



/*************************************************************************************************************** 
 * Shopping Cart
 ***************************************************************************************************************/
	
	#boxShoppingCart{
		background:url(/AbfallScout/media/box_shopping_cart.png) no-repeat left bottom;
		padding-bottom:5px;
		margin-bottom:0;}
		
	.boxShoppingCartItem{
		text-align:left;
		margin:5px 5px 5px 0;
		padding:0 0 5px 5px;
		border-bottom:1px solid #d5d5d5;
		line-height:1.4;}
		
	#boxShoppingCart .trash{
		color:#054794;
		font-size:14px;
		font-weight:bold;}
		
	#boxShoppingCart .size{
		font-weight:bold;
		color:#000;}
		
	.boxShoppingCartItem dt{
		display:block;}
		
	.boxShoppingCartItem dd{
		display:block;}
		
	#buttonShoppingCart{
		width:177px;
		text-align:center;}

		
		
/*************************************************************************************************************** 
 * Content
 ***************************************************************************************************************/
 
	#content{
		width:600px;
		float:left;
		margin:0 5px 0 5px;
		padding:30px 0 30px 30px;
		overflow:hidden;
		min-height:400px;}
		
	#content ul{
		margin-right:30px;}
		
	#content div ul{
		margin-right:0;}
		
	#content.extended{
		width:780px;}
		
	#content p{
		margin-right:30px;}
		
	.green{
		color:#4da618;}
		
	.price{
		color:#990000;
		font-size:1.166em;
		letter-spacing:0.025em;
		font-weight:bold;}
		
	.button{
		display:-moz-inline-stack;
		display:inline-block;
		color:#FFF;
		background:url(/AbfallScout/media/green_button_uni.gif) no-repeat right 0;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		cursor:pointer;}
		
	.button span{
		display:-moz-inline-stack;
		display:inline-block;
		height:18px;
		padding:6px 10px 0 10px;
		background:url(/AbfallScout/media/green_button_uni_left.gif) no-repeat left 0;}
		
	.button span i{
		font-style:normal;
		color:#054794;}
		
	.button:hover{
		background-position:right -24px;
		text-decoration:none;}
		
	.button:hover span{
		background-position:left -24px;}
		
	.button_gray{
		display:-moz-inline-stack;
		display:inline-block;
		color:#FFF;
		background:url(/AbfallScout/media/green_button_uni.gif) no-repeat right 0;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		cursor:pointer;}

	.button_gray span{
		display:-moz-inline-stack;
		display:inline-block;
		height:18px;
		padding:6px 10px 0 10px;
		background:url(/AbfallScout/media/green_button_uni_left_gray.gif) no-repeat left 0;}

	.button_gray span i{
		font-style:normal;
		color:#054794;}

	.button_gray:hover{
		background-position:right -24px;
		text-decoration:none;}

	.button_gray:hover span{
		background-position:left -24px;}
		
/*************************************************************************************************************** 
 * Layer
 ***************************************************************************************************************/
	
	.layer{
		position:absolute;
		z-index:1001;
		background-color:#FFF;
		padding:20px;
		overflow:hidden;
		}
		
	.overlay{
		z-index:1000;
		position:absolute;
		background-color:#000000;
		height:100%;
		width:100%;
		top:0;
		left:0;
		opacity:.8;}
		
	.close{
		z-index:1002;
		position:absolute;
		width:45px;
		height:45px;
		background:url(/AbfallScout/media/closeIcon.gif) no-repeat 0 0;
		cursor:pointer;}
		
	.layerContent{
		visibility:hidden;}
		
		
/*************************************************************************************************************** 
 * Footer
 ***************************************************************************************************************/
 
	#footer{
		font-size:11px;
		text-align:center;
		padding:15px 0 45px 0;}
		
	#footer a, #footer span{
		margin-left:7px;
		margin-right:8px;
		color:#666;}
		
	#footer a{
		text-decoration:underline;}
		
	#footer a:hover{
		color:#000;}

