/***************************************************************
Style Sheet for ZippyFreeze.com

Copyright 2007 by Sebo Marketing, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance and Location for MainNav and SubNav
***************************************************************/
#mainNav {
	z-index:2;
	position:absolute;
	top:111px;
	left:64px;
	margin:0;
	
	width:704px;
	height:36px;
	
	background: #fff;
}
#mainNav ul {
	position:relative;
	display:block;
	margin:0;
	padding:0 0 0 3px;
	
	width:701px;
	height:36px;
	
	list-style:none;
	background: url('/images-layout/main-nav-bar.gif') bottom left no-repeat;
}

/* Normal li */
#mainNav ul li {
	position:relative;
	display:inline;
	float:left;
	margin:0;
	margin-left:0px;
	padding:0;
	
	height:auto;
	z-index:5;
	/*background:url('/images-layout/main-nav-tab.gif') top left no-repeat;*/
}
/* Current li */
#mainNav ul li.current {
	/*background:url('/images-layout/main-nav-tab-current.gif') top left no-repeat;*/
}
/* Hover li */
#mainNav ul li:hover, #mainNav ul li.over {
	/*background:url('/images-layout/main-nav-tab-hover.gif') top left no-repeat;*/
}

/* a for Normal li */
#mainNav ul li a:link, #mainNav ul li a:visited, #mainNav ul li a:active {
	float:left;
	
	margin:0;
	padding:4px 2px 0 2px;
	
	width:111px;
	height:23px;
	
	text-align:center;
	text-decoration:none;
	font-size:78%;
	font-weight:bold;
	color:#fff;
	background:url('/images-layout/main-nav-tab.gif') top left no-repeat #2a6bb2;
}
#mainNav ul li a:hover{
	text-decoration:underline;
	color:#fff;
	background:url('/images-layout/main-nav-tab-hover.gif') top left no-repeat #11c054;
}

/* a for Current li */
#mainNav ul li.current a:link, #mainNav ul li.current a:visited {
	text-decoration:none;
	color:#fff;
	background:url('/images-layout/main-nav-tab-current.gif') top left no-repeat #5296e1;
}
#mainNav ul li.current a:hover, #mainNav ul li.current a:active {
	text-decoration:underline;
	color:#fff;
	background:url('/images-layout/main-nav-tab-hover.gif') top left no-repeat #11c054;
}

/* a for Hover li */
#mainNav ul li:hover a:link, #mainNav ul li:hover a:visited, 
#mainNav ul li.over a:link, #mainNav ul li.over a:visited {
	color:#fff;
	text-decoration:underline;
}




/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

/* Dropdown for Normal li */
#mainNav ul li ul {
	display:none;
}
#mainNav ul li ul li {
	background: #edf3f9; /* more efficient to put this here, even though this selector isn't currently displayed. The cascade is nice. */
}


/* Dropdown for Current li */
/* Currently not different than "Dropdown for Normal li" */



/* Dropdown for Hover li */
#mainNav ul li:hover .wide, #mainNav ul li:hover .wide li, #mainNav ul li:hover .wide li a {
	width:14em; /* General Widths*/
}

/* lists */
#mainNav ul li:hover ul, #mainNav ul li.over ul{
	display:block;
	position:absolute;
	top:27px;
	left:0;
	
	margin:0;
	padding:8px 0 0 0;	
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:10em;
	
	text-transform:none;

	z-index:5;
}

/* list items */
#mainNav ul li:hover ul li, #mainNav ul li.over ul li{
	display:block;
	float:left;
	/*margin:0 -1px -1px -1px;*/ /* IE fix */
	padding:0;
	width:100%;
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#24b75d;
}
#mainNav ul li:hover ul li.first, #mainNav ul li.over ul li.first {}
#mainNav ul li:hover ul li.last, #mainNav ul li.over ul li.last {
	border-bottom:1px solid #24b75d;
}

/* links */
#mainNav ul li:hover ul li a:link, #mainNav ul li:hover ul li a:visited,
#mainNav ul li.over ul li a:link, #mainNav ul li.over ul li a:visited {
	display:block;
	float:none;
	
	margin:0;
	padding:6px 5px 6px 5px;
	height:auto;
	
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	color:#06477d;
	font-style:normal;
	font-size:89%;
	width:auto;	
	background:none;
}
#mainNav ul li:hover ul li a:hover, #mainNav ul li:hover ul li a:active,
#mainNav ul li.over ul li a:hover, #mainNav ul li.over ul li a:active {
	text-decoration:underline;
	color:#06477d;
	background:#fff;
}

/*
#mainNav ul li:hover li.tall a:link,#mainNav ul li:hover li.tall a:visited,
#mainNav ul li:hover li.tall a:hover, #mainNav ul li:hover li.tall a:active,
#mainNav ul li.over li.tall a:link,#mainNav ul li.over li.tall a:visited,
#mainNav ul li.over li.tall a:hover, #mainNav ul li.over li.tall a:active {
	height:auto;
}*/