/* TAG BASED STYLES */
		
	HTML {
		height: 100%;
	}
		
	BODY {
		height: 100%;
		margin:0; 
		padding:0;
		background:#c2bbab url(../images/pageBg.jpg) repeat-x;
	}
	
		
	IMG {
		border:0;
	}
		
	A {
		cursor:pointer;
		text-decoration:none;
	}
		
		A:hover {
			
		}
	
	INPUT {
		font-family:arial; 
	}
	
	INPUT.orange {
		border:1px solid #ddddde;
		background: transparent url(../images/inputButtonBgOrange.png) 0 -1px no-repeat;
		font-size:9pt; 
		color:#fff;
		font-weight:bold;
		width:154px;
		padding-left:10px;
		cursor:pointer;
	}
	
	INPUT.orange-noico {
		border:1px solid #ddddde;
		background: transparent url(../images/inputButtonBgOrangeNoIco.png) repeat-x;
		font-size:9pt; 
		color:#fff;
		font-weight:bold;
		width:154px;
		padding-left:10px;
		cursor:pointer;
	}
	
	.input-text {
		font-family:arial; 
		font-size:9pt; 
		color:#57575a;
		border:1px solid #cacaca;
		padding:2px;
		width:287px;	
		margin-top:2px;
	}
	
		.input-text:focus {
			background:#ffe9d5;	
		}
	
		
	TD.first {
		padding-right:20px; 
		padding-bottom:10px;
	}
	
	SELECT {
		padding:0 !important;	
	}
	
	/* ID BASED STYLES */
	
	#backgroundHolder {
		width:100%;
		height:100%; 
		position:absolute; 
		top:0; 
		left:0; 
		background: url(../images/mainBg.jpg) no-repeat;
		z-index:1;
	}
	
	#mainContainer {
		position:relative;
		width:950px;
		padding:0 10px 0 10px;
		margin-left:auto;
		margin-right:auto;
		background:url(../images/verticalOuterShadow.png) repeat-y;
		z-index:2;
	}  
	
	
	
		#header {
			position:relative;
			width:inherit;
			height:320px;
		}
		
			#logo {
				position:relative; 
				top:51px; 
				left:28px;
				width:320px;
				height:201px;
				background:url(../images/woyoLogo.png) no-repeat;
				
			}
			
				#logo A {
					width:320px;
					height:201px;
					display:block; 
					text-indent:-4000px;
				}
		
			#nav {
				position:relative;
				padding: 20px 0 0 29px;
				margin-top:-13px;
				width:921px; 
				height:43px;
				background:url(../images/naviBg.png) no-repeat;
				
			}
			
				.newsletter {
					float:right;
					margin-right:58px;
					padding-left:33px; 
					background:url(../images/iconNewsletter.png) 0 4px no-repeat;
				}
				
					
		
		
		#mainContent {
			position:relative; 
			width:950px;
			background:#cecbc7;
		}
			
			/* shadow helper */
			
			TABLE {
				position:relative;
				border:0; 
				z-index:0;
			}
			
			TABLE, TBODY, TR, TD {
			}
			
			TD {
				vertical-align:top;
			}
			
			
			TD.left {
				position:relative;
				background:url(../images/mainContentRightShadow.png) repeat-y; 
				z-index:200;
			}       
			
			TD.right {
				position:relative;
				z-index:100 !important;
			}
			
			/* shadow helper end */
			
			#bottomNav {
				position:absolute;
				bottom:0; 
				left:0; 
				height:50px;
				padding:20px 29px 0 29px;
			}
			
				#bottomNav .next {
					padding-left:15px;
					background:url(../images/iconBottomNavNext.png) 0 5px no-repeat;
				}
				
				#bottomNav .prev {
					padding-left:15px;
					background:url(../images/iconBottomNavPrev.png) 0 5px no-repeat;
				}
			
			
			#leftContent {
				position:relative;
				float:left;
				width:711px; 
				padding-bottom:50px;
			}
			
				#topShadow {
					width:711px; 
					height:10px;
					background:url(../images/mainContentTopShadow.jpg) no-repeat;
				}
				
				#content {
					width:607px;
					margin:0 65px 20px 29px; 
					height:100%; 
				}
				
					#content h1,
					#content h2 {
						margin:0; 
					}
					
					#content > img {
						margin-top:20px;
					}
					
					#content .half {
						padding-bottom:25px;
					}
					
						#content .half .left {
							float:left;
							padding:0;
							margin-right:20px;
						}
						
						#content .half .right {
							padding:0;
						}
					
					#content > ul {
						list-style-type:none; 	
						margin-left:0;
						padding:0;
					}
					
					#content li {
						background:url(../images/iconLI.png) 0 2px no-repeat;
						padding-left:15px;
						margin-bottom:3px;
					}
					
					#breadcrumbs {
						width:671px;
						height:20px;
						margin:30px 0 30px 0; 
						padding:0; 
						list-style-type:none;
						
					}
						#breadcrumbs  li {
							float:left; 
							margin-right:5px;
							padding-left:0;
							background:transparent;		
						}
					
					P {
						margin:20px 0 20px 0;
					}
					
					A.cl { 
						padding-left:9px; 
						margin-left:2px;
						background:url(../images/iconContentLink.png) 0 5px no-repeat;
					}
						
					
					#content .teaser {
						padding-bottom:20px;
						border-bottom:1px solid #dddede;
						margin-bottom:20px;
					}
						#content .teaser img {
							float:left;
							margin-right:27px;
						}
						
						#content .teaser div.text {
							float:left;
							width:400px;
						}
					
					
					#sidebarEvents {
						margin:0; 
						padding:0;
						padding:10px 20px 10px 20px;
						background:url(../images/sidebar/sidebarEventBg.png) repeat-x;
					}
					
						#sidebarEvents ul {
							margin:10px 0 10px 0; 
							padding:0; 
							list-style-type:none;
						}
						
							#sidebarEvents ul li {
								margin-bottom:2px;
							}
							
							#sidebarEvents ul li .time{
								margin-right:5px;
							}
							
							#sidebarEvents ul .cl {
								padding-left:11px;
								background:url(../images/sidebar/iconContentLinkGrey.png) 2px 3px no-repeat;
								margin-top:5px;
							}
							
							#sidebarEvents .cl {
								padding-left:8px;
								background:url(../images/sidebar/iconContentLinkOrange.png) 0 3px  no-repeat;
								margin-top:5px;
							}
							
.sortableArtlist {
	width:100%; 
							
}

	.sortableArtlist THEAD TH {
		background:#eee;
		border-right:1px solid white;
		padding:5px;
	}
	
	.sortableArtlist .sa,
	.sortableArtlist .la {
		display:block;
		float:right;
		width:10px;
		height:10px;
		text-indent:-4000px;
		background:url(../images/sort_a.gif) 0 6px no-repeat;	
	}
	
	.sortableArtlist .sd,
	.sortableArtlist .ld {
		float:right;
		display:block;
		width:10px;
		height:10px;
		text-indent:-4000px;
		background:url(../images/sort_d.gif) 0 6px no-repeat;	
	}
	
	.sa.active,
	.la.active {
		background:url(../images/sort_a_active.gif) 0 6px no-repeat;	
	}
	
	.sd.active,
	.ld.active {
		background:url(../images/sort_d_active.gif) 0 6px no-repeat;	
	}
	
	.sortableArtlist TD {
		border-bottom:1px solid #b6b6b6;
		padding:5px;
	}
	
	.sortableArtlist TD.center {
		text-align:center;	
	}

	
	
					
			
			#rightContent {
				position:relative;
				left:-10px;
				float:right;
				width:249px;
			}
				
				#teaserTop {
					width:229px; 
					height:82px; 
					padding:53px 0 0 20px;
					background-color: #ff7900;
				}
				
					#teaserTop a {
						padding-left:11px;
						background:url(../images/sidebar/iconContentLinkWhite.png) 2px 6px no-repeat;
						margin-top:15px;
						display:block;
					}
					
					#teaserTop p {
						margin:0;
					}
			
				.sidebarImage { }
				.greyLine {
					border-bottom:1px solid  #a59b87;
				}
				
				.productTeaser {
					padding:20px !important;
					border-bottom:1px solid  #a59b87;
				}


	#bottomShadow {
		position:relative;
		width:950px;
		height:5px;
		padding:0 10px 0 10px;
		margin-left:auto;
		margin-right:auto;
		background:url(../images/bottomOuterShadow.png) no-repeat; 
		z-index:4;
	}

	#footer {
		position:relative; 
		width:892px; 
		height:60px;
		padding:20px 39px 10px 39px; 
		margin-left:auto;
		margin-right:auto;
		z-index:3;
	}
	
		#leftFooter {
			width:670px;
			float:left;
		}
		
			#footerNav {
				margin:0; 
				padding:0; 
				list-style-type:none;
			}
			
				#footerNav li {
					float:left; 
					padding-right:5px;
					margin-right:5px;
					background:url(../images/iconFooterNaviSeperator.gif) right 3px no-repeat;
				}
				
				#footerNav li.last {
					background:transparent; 
				}
				
				.rss {
					float:right;
					display:block; 
					background:url(../images/iconRss.png) 0 3px no-repeat;
					padding-left:14px;
				}
				
				.copy {
					display:block;
					padding-top:3px;
				}
		
		#rightFooter {
			float:left;
			width:222px;
		}
		
			.toTop {
				display:block;
				float:right;
				padding-right:14px;
				background:url(../images/iconToTop.gif) right 3px no-repeat;
			}


	.clear {
		height:1px;
		width:1px;
		clear:both;
		line-height:1px;
	}
	
	LABEL.error {
		color:#bc1600;
		display:block;
	}
	
	#mapCanvas {
		height:350px;
		border:1px solid #ff7800;
	}
	
	.rss_link {
		float:right; 
		margin-left:20px; 
		margin-bottom:20px;
		margin-top:-35px;
		display:block; 
		background:url(../images/iconRss.png) 0 3px no-repeat;
		padding-left:14px;
	}