/* CSS Document */

/*Global Part*/
body{
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.82em;
}

body, ul, li, p, h1, h2, h3, h4, h5, h6, div, span, label, input{
	margin:0;
	padding:0;
}

ul{
	list-style-type:none;
}

ul li{
}

.main{
	background:#000;
	margin:0 auto;
	overflow:hidden;
	width:1003px;
}

.leftContentWrapper,
.kGalerryLeftWrapper,
.kDownloadLeftWrapper,
.kGallery .kDownloadLeftWrapper,
.kGallery .kAskKLeftWrapper{
	width:25%;
	border-right:11px solid #000000;
	float:left;
	height:606px;
}

.textData,
.imageScroller,
.imageScroller01{
	scrollbar-base-color: #000;
	scrollbar-arrow-color: #C00609;
	scrollbar-highlight-color: #000;
	scrollbar-shadow-color: #000;
	scrollbar-track-color: #000;
}

.rightContentWrapper{
		background:none;
		border-right:11px solid #000;
		display:inline;
		width:69.3%;
		_width:69%;
}	

/*header Data*/
.headerWrapper,
.footerWrapper,
.headerContent,
.index .headerWrapper{
	background:#C10509;
	border-bottom:6px solid #000;
	height:65px;
	width:auto;
}

.index .headerWrapper,
.index .footerContent{
	background:url(images/indexHeaderBg.gif) no-repeat top left;
}

.index .contentIndex .centerContentWrapper{
	/*background:url(images/imgIndex.gif) no-repeat top left;*/
	height:603px;
	width:74.5%;
}


.headerContent{
	height:47px;
	overflow:hidden;
	width:100%;
}

	.headerWrapper label.indexLogo,
	.headerContent label.logo{
		background:url(images/logoIndex.gif) no-repeat top left;
		cursor:pointer;
		cursor:hand;
		float:left;
		height:53px;
		margin:12px 0 0 9px;
		width:203px;
	}
	
	.headerContent label.logo{
		background:transparent url(images/logo.gif) no-repeat scroll left top;
		height:43px;
		margin:4px 0 0 23px;
		width:235px;
	}
	
		.headerContent .navWrapper{
			float:left;
			margin:22px 0 0 20px;
			_margin-left:22px;
		}
		
			.headerContent .navWrapper ul{
			}
			
				.headerContent .navWrapper ul li{
					display:inline-block;
					float:left;
					margin-right:16px;
					_margin-right:14px;
				}

	
					.headerContent .navWrapper ul li.koenaStory,
					.headerContent .navWrapper ul li.kFacts,
					.headerContent .navWrapper ul li.koenaFitness,
					.headerContent .navWrapper ul li.kGallery,
					.headerContent .navWrapper ul li.kDownloads,
					.headerContent .navWrapper ul li.kPetCorner,
					.headerContent .navWrapper ul li.askK,
					.headerContent .navWrapper ul li.media{
						background:url(images/buttonkStory.gif) no-repeat top left;
						cursor:pointer;
						cursor:hand;
						height:24px;
						width:99px;
					}
					
					.headerContent .navWrapper ul li.kFacts{
						background:url(images/buttonfacts.gif) no-repeat top left;
						width:52px;
					}
					
					.headerContent .navWrapper ul li.koenaFitness{
						background:url(images/buttonFitness.gif) no-repeat top left;
						width:141px;
					}
					
					.headerContent .navWrapper ul li.kGallery{
						background:url(images/buttonGallery.gif) no-repeat top left;
						width:70px;
					}
					
					.headerContent .navWrapper ul li.kDownloads{
						background:url(images/buttonDownload.gif) no-repeat top left;
						width:99px;
					}
					
					.headerContent .navWrapper ul li.kPetCorner{
						background:url(images/buttonPets.gif) no-repeat top left;
						width:103px;
					}
					
					.headerContent .navWrapper ul li.askK{
						background:url(images/buttonAskK.gif) no-repeat top left;
						width:39px;
					}
					
					.headerContent .navWrapper ul li.media{
						background:url(images/buttonMedia.gif) no-repeat top left;
						width:46px;
					}


/*ContentWrapper*/
.contentWrapper{
	/*border-top:10px solid #000;*/
	/*border-bottom:10px solid #000;
	border-bottom:2px solid #000;*/
	overflow:hidden;
}

.contentIndex{
}

	.contentIndex .leftContentWrapper,
	.contentIndex .centerContentWrapper,
	.contentIndex .rightContentWrapper{
		/*background:url(images/imageLeftIndexContent.gif) no-repeat top left;*/
		border-right:11px solid #000;
		float:left;
		height:606px;
		width:30.7%;
	}
	
	.contentIndex .centerContentWrapper{
		/*background:url(images/imageCenterIndexContent.gif) no-repeat top left;*/
		margin-top:-2px;
		width:41%;
	}
	
	.contentIndex .rightContentWrapper{
		background:none;
		border:0;
		/*width:24.4%*/;
		width:244px;
	}
	
		.contentIndex .rightContentWrapper .navWrapper{
			clear:both;
			height:327px;
			margin:10px 0 0 36px;
			width:210px;
			_width:auto;
		}
		
			.contentIndex .rightContentWrapper .navWrapper ul li.koenaStory,
			.contentIndex .rightContentWrapper .navWrapper ul li.kFacts,
			.contentIndex .rightContentWrapper .navWrapper ul li.koenaFitness,
			.contentIndex .rightContentWrapper .navWrapper ul li.kGallery,
			.contentIndex .rightContentWrapper .navWrapper ul li.kDownloads,
			.contentIndex .rightContentWrapper .navWrapper ul li.kPetCorner,
			.contentIndex .rightContentWrapper .navWrapper ul li.askK{
				background:url(images/buttonKoenaStory.gif) no-repeat top left;
				cursor:pointer;
				cursor:hand;
				height:24px;
				margin-top:26px;
				width:99px;
			}
			
			.contentIndex .rightContentWrapper .navWrapper ul li.kFacts{
				background:url(images/buttonKFacts.gif) no-repeat top left;
				width:52px;
			}
			
			.contentIndex .rightContentWrapper .navWrapper ul li.koenaFitness{
				background:url(images/buttonKoenaFitnessTips.gif) no-repeat top left;
				width:141px;
			}
			
			.contentIndex .rightContentWrapper .navWrapper ul li.kGallery{
				background:url(images/buttonKGallery.gif) no-repeat top left;
				width:70px;
			}
			
			.contentIndex .rightContentWrapper .navWrapper ul li.kDownloads{
				background:url(images/buttonKDownloads.gif) no-repeat top left;
				width:99px;
			}
			
			.contentIndex .rightContentWrapper .navWrapper ul li.kPetCorner{
				background:url(images/buttonPetsCorner.gif) no-repeat top left;
				width:103px;
			}
			
			.contentIndex .rightContentWrapper .navWrapper ul li.askK{
				background:url(images/buttonAsk.gif) no-repeat top left;
				width:39px;
			}

	.contentIndex .rightContentWrapper .videoWrapper{
		height:19px;
		margin-top:64px;
		.margin-top:77px;
		_margin-top:55px;
		width:189px;
	}
	
/*Data for Koina's Story*/
.story .leftContentWrapper,
.kGallery .leftContentWrapper{
	background:url(images/koinaStory.gif) no-repeat top left;
	width:25%;
}

	.story .rightContentWrapper{
		background:none;
		border-right:11px solid #000;
		width:69.3%;
		_width:69%;
	}
	
		.story .rightContentWrapper h2,
		.kFacts .rightContentWrapper h2,
		.askK .rightContentWrapper .h2{
			background:url(images/imgKoinaStoryText.gif) no-repeat top left;
			height:15px;
			margin-top:9px;
			width:131px;
		}
		
		.story .rightContentWrapper .contentData,
		.kFacts .rightContentWrapper .contentData,
		.kGallery .rightContentWrapper .imageWrapper,
		.askK .rightContentWrapper .askData{
			border-bottom:1px solid #272727;
			_display:inline-block;
			height:200px;
			overflow:hidden;
			margin-top:16px;
			_margin-top:0px;
			padding-bottom:15px;
		}

		
			.story .rightContentWrapper .contentData span.textData{
				display:block;
				float:left;
				height:201px;
				overflow-y:scroll;
				width:398px;			
			}
			
				.story .rightContentWrapper .contentData span.textData p{
					color:#FEFEFE;	
					font-family:Arial, Helvetica, sans-serif;
					font-size:1em;
					line-height:20px;
					padding:0 30px 17px 0;
				}
				
			.story .rightContentWrapper .contentData span.frameBox{				
				float:right;
				height:219px;
				width:285px;
			}
			
				.story .rightContentWrapper .contentData span.frameBox{
					float:left;
				}
				
				.story .rightContentWrapper .contentData span.frameBox label{
					float:left;
					line-height:24px;
				}
				
				.story .rightContentWrapper .contentData span.frameBox label.link{
					color:#7B0003;
					cursor:pointer;
					float:right;
					line-height:0;
					margin:11px 0 0;				}
				
				.story .rightContentWrapper .contentData span.frameBox{
					color:#fff;
					height:213px;
					margin-left:12px;
					_margin-left:5px;
				}
				
				span.frameBox p{
					text-align:right;
				}
				
				.story .rightContentWrapper .contentData span.frameBox img{
					_padding-left:3px;
				}
	
			.story .rightContentWrapper .contentData .downloadWrapper{
				color:#FFF;
				float:left;
				height:186px;
				width:425px;
			}
			
				.story .rightContentWrapper .contentData .downloadWrapper .dataLeft,
				.story .rightContentWrapper .contentData .downloadWrapper .dataright{
					float:left;
					margin-left:10px;
					_margin-left:5px;
					width:215px;
				}
				
					.story .rightContentWrapper .contentData .downloadWrapper .dataLeft h3{
						background:url(images/textMobileDownload.gif) no-repeat top left;
						height:17px;
						margin:15px 0 11px 0;
						width:188px;
					}
					
					.story .rightContentWrapper .contentData .downloadWrapper .dataLeft label{						
						cursor:pointer;
						cursor:hand;
						height:100px;
						margin-right:3px;
						width:100px;
					}
					
					.story .rightContentWrapper .contentData p.highlight{
						clear:both;
						color:#BF0508;
						cursor:pointer;
						cursor:hand;
						display:block;
						font-family:Arial,Helvetica,sans-serif;
						_margin:10 0 0 0;
						.margin:-10px 0 0 0;
						padding:17px 0 0 10px;
						.padding-top:12px;
						_padding-top:27px;
					}
				
				.story .rightContentWrapper .contentData .downloadWrapper .dataright{				
					margin-left:0;
					padding-top:34px;
					width:198px;
				}
				
					.story .rightContentWrapper .contentData .downloadWrapper .dataright label{
						color:#FFF;
						line-height:23px;
					}
				
					.story .rightContentWrapper .contentData .downloadWrapper .dataright label.links {
						cursor:pointer;
						cursor:hand;
						color:#4D4D4F;
						text-decoration:underline;
					}
			
			.story .rightContentWrapper .contentData .videoWrapper{
				color:#FFF;
				float:right;
				margin:0;
				width:255px;
			}
			
			.story .rightContentWrapper .advtWrapper{
				margin-top:14px;
			}

/*Data for kFacts HTML Page*/
.kFacts .leftContentWrapper{
	background:url(images/imagekFacts.jpg) no-repeat top left;
	border-bottom:0;
}

.kFacts .rightContentWrapper h2{
	background:url(images/textKFacts.gif) no-repeat top left;
}

.kFacts .rightContentWrapper .contentData h3{
	color:#FEFEFE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	margin:10px 0 30px 0;
}

.kFacts .rightContentWrapper .contentData span.textData{
}

.kFacts .rightContentWrapper .contentData span.textData p{
	color:#C20406;
	font-size:1em;
	padding-bottom:0;
}

/*Data for koenaFitnessTips HTML Page*/
.kFitness .rightContentWrapper h2{
	background:url(images/textFitness.gif) no-repeat top left;
	width:186px;
}

	.kFitness .rightContentWrapper .contentData span.textData p,
	.petCorner .rightContentWrapper .contentData span.textData p{
		color:#FEFEFE;
		margin-bottom:20px;
		padding-right:30px;
	}

/*Data for koena Gallery HTML Page*/




.kGallery .rightContentWrapper h2{
	background:url(images/textKgallery.gif) no-repeat top left;
	width:92px;
}

	.kGallery .rightContentWrapper .contentData .imageBox,
	.kGallery .rightContentWrapper .imageWrapper .imageBox{
		height:238px;
		margin:0 auto;
		width:358px;
	}
	
.kGallery .rightContentWrapper .contentData span.textData{
}

	.kGallery .rightContentWrapper .contentData span.textData strong{
		color:#BF050A;
	}

	.kGallery .rightContentWrapper .contentData span.textData label,
	.kGallery .rightContentWrapper .contentData span.textData label.askMe{
		background:url(images/tips.gif) no-repeat top left;
		color:#BF050A;
		font-weight:bold;
		padding-left:25px;
	}
	
	.kGallery .rightContentWrapper .contentData span.textData label.askMe{
		background:url(images/iconAskMe.gif) no-repeat top left;
	}
	
	.kGallery .rightContentWrapper .contentData span.textData p ul{
		list-style-type:none;
	}

			.kGallery .rightContentWrapper .contentData span.textData span ul li{
				background:url(images/iconArrow.gif) no-repeat left top;
				color:#FFFFFF;
				line-height:13px;
				margin:0 0 12px 26px;
				padding-left:18px;	
			}

/*Data for koena Download HTML Page*/
.kDownload .leftContentWrapper{
	background:url(images/imgKDownload.gif) no-repeat top left;
}

.kDownload .rightContentWrapper h2{
	background:url(images/textDownload.gif) no-repeat top left;
	width:132px;
}


/*Data for koena Pet Corner HTML Page*/
.petCorner .rightContentWrapper h2{
	background:url(images/textPetCorner.gif) no-repeat top left;
	width:137px;
}

/*Footer Contents*/
.footerWrapper{
	clear:both;
}

.footerContent{
	background:#C10509;
	border-top:3px solid #000;
	color:#F1F3F2;
	height:35px;
	padding:13px 0 0 19px;
}

.index .footerContent{
	height:38px;
	padding-top:27px;
}

	.index .footerContent label.text{
	}
	
	.footerContent label.text,
	.index .footerContent label.text{
		color:#F1F3F2;
		float:left;
	}
	
	.footerContent label.footerLinks{
		float:right;
		padding-right:20px;
	}
	
		.footerContent ul{
			float:right;
			padding-right:20px;
		}
	
		.footerContent ul li{
			cursor:pointer;
			cursor:hand;
			color:#F1F3F2;
			font-size:.9em;
			display:inline;
		}

/*Addition for kGallery Page Image Data*/
.kGallery .rightContentWrapper .imageWrapper{
	height:auto;
	margin:18px auto;
	width:100%;
}

	.kGallery .rightContentWrapper .imageWrapper .imageBox{
		width:100%;
	}
	
/*Addition for ask K Page */
.askK .rightContentWrapper h2{
	background:url(images/textAskK.gif) no-repeat top left;
	height:14px;
	width:52px;
}

.askK .rightContentWrapper .contentData span.textData{
	height:405px;
	overflow:visible;
	width:100%;
}

.askK .rightContentWrapper .askData span.textData textarea{
	border:0;
}

	.askK .rightContentWrapper .askData span.textData p{
		color:#FFF;
		margin-bottom:4px;
	}
	
	.askK .rightContentWrapper .askData span.textData table{
		color:#FFF;
		margin:15px 0 0 20px;
	}
	
		.askK .rightContentWrapper .askData span.textData table tr td,
		.askK .rightContentWrapper .askData span.textData table tr th{
			text-align:left;
			vertical-align:top;
			padding:8px;
			white-space:nowrap;
		}
		
			.askK .rightContentWrapper .askData span.textData table tr td input{
				width:auto;
			}
	
	

.askK .rightContentWrapper .contentData span.textData ul{
	margin:15px 0 0 18px;
}

	.askK .rightContentWrapper .contentData span.textData ul li{
		color:#FFF;
		padding-bottom:30px;
	}
	
		.askK .rightContentWrapper .contentData span.textData ul li label{
			float:left;
			margin-right:75px;
		}
		
.askK .rightContentWrapper .askData{
	height:auto;
}

.white{color:#FFFFFF;}

.imageScroller{
	height:220px;
	overflow-x:scroll;
	overflow-y:hidden;
	width:695px;
}
.imageScroller01{
	height:220px;
	overflow-y:scroll;
	overflow-x:hidden;
}






.askK .leftContentWrapper{
	background:url(images/koena_askk.jpg) no-repeat top left;
	width:250px;
}


.kGallery .kGalerryLeftWrapper{
	background:url(images/imageGallery.gif) no-repeat top left;
	_background:url(images/imageGalleryie6.gif) no-repeat top left;
	width:285px;
	_width:250px;
}

.kGallery .kDownloadLeftWrapper{
	background:url(images/imgKDownload.gif) no-repeat left top;
	background:url(images/imgKDownloadie6.gif) no-repeat left top;
	width:285px;
	_width:250px;
}

.kGallery .kAskKLeftWrapper{
	background:url(images/koena_askk.jpg) no-repeat left top;
	_background:url(images/koena_askkie6.jpg) no-repeat left top;
	width:285px;
	_width:250px;
}



.kFitness .leftContentWrapper{
	background:url(images/koena_fitness.jpg) no-repeat top left;
	width:285px;
	_width:250px;
}

.textarea{
border:#e89415 1px solid;
color:#fff;
padding:3px;
width:245px;
height:60px;
background:#000000;
}
.input{
border:#FFFFFF 1px solid;
color:#fff;
padding:3px;
width:150px;
background:#000000;
}
.selectbox{
border:#FFFFFF 1px solid;
color:#fff;
padding:3px;
width:70px;
background:#000000;
}
.media_images { padding:8px;
list-style-image:url(images/maxim_01_tn.jpg), url(images/maxim_02_tn.jpg),url(images/maxim_03_tn.jpg),url(images/maxim_04_tn.jpg)
}
.points{padding:0 0 0 15px; list-style:square;}

.generalfield{
	border:#738274 1px solid; 
	width:175px;
	font-size:11px;
	background-color:#fbefd8;
	color:#000000
	}
.generalfield_date{
	border:#738274 1px solid; 
	width:75px;
	font-size:11px;
	background-color:#fbefd8;
	color:#000000
	}
.generalfield_day{
	border:#738274 1px solid; 
	width:50px;
	font-size:11px;
	background-color:#fbefd8;
	color:#000000
	}
.generalfield_combo{
	border:#e8e0d4 1px solid; 
	width:176px;
	font-size:11px;
	background-color:#fbefd8;
	color:#000000
	}
.generalfield_comments{
	border:#738274 1px solid; 
	width:250px;
	height:80px;
	font-size:11px;
	background-color:#ffffff;
	color:#000000
	}