/*------------------------------------------------------------- GENERAL CSS------*/	

body {
text-align: center;
font-family: Arial, sans-serif;
color: #8b8b8b;
font-size: 12px;

height: 100%;
}	

p {
line-height: 24px;
}

a {
color: #ec14a0;
font-size: 12px;
text-decoration: none;	
}

a:hover{
color: #68c100;
}	

a:active {
color: #8b8b8b;
}

a img { 
border: 0 solid transparent; 
	}
	
.pinkBorder{
border:  1px solid #ec83b5;
}
/*------------------------------------------------------------- CONTAINER------*/
#container{
position: relative;
width: 1000px;
margin: -9 auto -142px;
text-align: left;
height: 100%;
}

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#main {padding-bottom: 200px;}

/*------------------------------------------------------------- TOP NAVIGATION------*/

#logo {
z-index: 50;
position: absolute;
left: -34px;
top:  -2px;
}
/*--------------------------- SEARCH------*/
#search {
position: absolute;
top: 5px;
left: 850px;
height: 93px;
border: 1px solid #ec83b5;
background-color: #ffffff;
}	
#social {
border: 1px solid #ec83b5; 
position: absolute;
top: 5px;
left: 1005px;
padding: 3px 3px 0px 3px;

}
#googleSearchForm{
position: absolute;
top: 44px;
left: 7px;
}
#searchSubmit{
position: absolute;
top: 25px;
left: 51px;
}
/*--------------------------- EXTRA TOP NAV------*/
#topExtra {
position: absolute;
left: 766px;
top: 0px;
}
#topExtra a img{
border-right: 2px solid #ec83b5;
padding-right: 3px;
}
/*--------------------------- MAIN DEPATRMENT NAV------*/
#topNavigation {
position: absolute;
left: 207px;
top: 0px;
}
.topSubNavLinks {
position: relative;
margin-top: -2px;
}

.nav{
z-index: 10;
position: absolute;
top: 0px;
}
.subNav{
z-index: 9;
display: none;
position: absolute;
top: 107px;
width: 300px;
height: 20px;
background-color: #ffffff;
text-align: center;
}


#ftsNav{
left: 0px;
}
	#ftsSubNav{
	border:  1px solid #9e0e99;
	}
	#ftsSubNav a{
	color: #9e0e99 ;
	}
	
#abNav{
left: 79px;
}
	#abSubNav{
	border:  1px solid #678dd6;
	}
	#abSubNav a {
	color: #678dd6;
	}
#wbNav{
left: 158px;
}
	#wbSubNav{
	left: 50px;
	border:  1px solid #ffa62b;
	}
	#wbSubNav a {
	color: #ffa62b;
	}
#bbNav{
left: 237px;
}
	#bbSubNav{
	left:  120px;
	border:  1px solid #7bdf07;
	}
	#bbSubNav a {
	color: #7bdf07;
	}
#kcNav{
left: 316px;
}
	#kcSubNav{
	left: 198px;
	border:  1px solid #00a3d0;
	}
	#kcSubNav a {
	color: #00a3d0;
	}
#ysNav{
left: 395px;
}
	#ysSubNav{
	left: 246px;
	border:  1px solid #ea005a;
	}
	#ysSubNav a {
	color: #ea005a;
	}
#kfNav{
left: 474px;
}
	#kfSubNav{
	left: 246px;
	width: 300px;
	border:  1px solid #ffc305;
	}
	#kfSubNav a {
	color: #ffc305;
	}
#topNavigation a:hover {
color: #68c100;
}

/*------------------------------------------------------------- SIDE NAVIGATION------*/
	
#sideNavigation {
z-index: 1;
position: absolute;
top: 112px;
left: -10px;
}

#sideNavigation ul li {
list-style: none;
}

#sideMainNav{
position: absolute;
left: 40px;
top: 3px;
}

.sideSubNav{
position: absolute;
left: 152px;

border:  1px solid #ec83b5;
background-color: #ffe9f4;
}

.sideSubNav p{
width: 70px;
text-align: left;
line-height: 16px;

padding-right: 10px;
margin-left: 20px;
margin-top: 8px;
margin-bottom: 8px;
}

#store{
padding-bottom: 4px;
}
	#storeSubNav{
	display: none;
	position: absolute;
	top: 0px;
	}	

#about{
padding-bottom: 4px;
width: 160px;
}
	#aboutSubNav{
	display: none;
	position: absolute;
	top: 61px;
}

#adults{
padding-bottom: 4px;
width: 160px;
}
	#adultsSubNav{
	display: none;
	position: absolute;
	top: 122px;
}
	#adultsSubNav p{
	width: 90px;
}

#submit{
padding-bottom: 4px;
width: 160px;
}
	#submitSubNav{
	display: none;
	position: absolute;
	top: 183px;
}
	#submitSubNav p{
	width: 46px;
}
#awards{
padding-bottom: 4px;
width: 160px;
}
#contact{
padding-bottom: 4px;
width: 160px;
}

/*------------------------------------------------------------- FOOTER------*/	

#footer{
z-index: 0;
position: relative;
width: 1000px;
margin: 0 auto -142px;
border-top: 3px solid #c4f890;

height:  200px;
margin-top: -60px; /* negative value of footer height */
clear:both;
}

tr{
height: 18px;
}

#footer a{
font-size: 11px;
} 

#ftable {
margin-top: 10px;
margin-left: 40px;
table-layout:auto;
border-spacing: 20px 3px;
text-align: left;
}

#ftable tr{
border-spacing:  5px 0px;
}

#footerIcons {
position:  absolute;
top: 8px;
left: 495px;
padding-left: 10px;
}

#footerIcons a{
padding-left: 6px;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.soldout {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold;
	color: #ff0000; 
}



/*--------------------------------------------------------------END CSS------*/