/*
Name: Header & Nav System
URI: http://cunet.com
Description: Master Layout Inspired by http://960.gs
Version: 1.0
Author: Andrew Kurz


/**
 * Header
 */
 
#logo {
	margin:0;
	padding:0px 0 0;
	width:515px;
	float:left;
	height: 117px;
}
#logoforprint {
	display:none;
}
#search {
	margin:0;
	padding:0 8px;
	width:384px;
	height:66px;
	float:right;
	background: url(Images/search-bg.gif) no-repeat;
}
#search ul, #misc-container ul {
	margin:0;
	padding:0;
	height:30px;
	width:115px
}
form, #nav-container ul li.on {
	margin:0;
	padding:0;
}

#search ul li, #misc-container ul li {
	margin:6px 0 3px;
	padding:1px 0px;
	display:block;
	float:left;
}
#search ul li a, #search ul li a:visited, #misc-container ul li a, #misc-container ul li a:visited {
	margin:0;
	padding:2px 8px;
	color:#CCCCCC;
	text-decoration:none;
}
#search ul li.on a {
	background:#373b38;
}
#search ul li a:hover, #misc-container ul li a:hover {	
	background:#444;
}
#search-container {
	clear:both;
	margin:0 0 0 10px;
	padding:0;
}
#search-border {
	margin:0 7px 0 0;
	padding:0 1px;
	width:170px;
	float:left;
	text-align:center;
	background:#FFFFFF;
	border: 1px solid #2C2B2B;
}
#search-border input {
	margin:0;
	padding:4px 0;
	width:170px;
	font-size:12px;
	border: 0px solid #FFFFFF;
	background: none;
}
.search-border-color {
	color:#c7c7c7;
}
#search-zip {
	margin:0 7px 0 0;
	padding:0 1px;
	width:100px;
	float:left;
	text-align:center;
	background:#FFFFFF;
	border: 1px solid #2C2B2B;
}
#search-zip input {
	margin:0 7px 0 0;
	padding:4px 0;
	width:100px;
	font-size:12px;
	border: 0px solid #FFFFFF;
	background: none;
}
.search-zip-color {
	color:#000000;
}


#search-drop {
	background:transparent;
	margin:0;
	position:relative;
	padding:0 0 0 10px;
	clear:both;
	height:7px;
}
.searchbt {
	float:right;
	display:block;
	margin:0;
	padding:0;
	}
.search_btn2 {
	width:54px;
	height:23px;
	display:block;
	margin:1px 0 0;
	float:left;
	background:url(Images/search-bt2.gif) no-repeat 0 0;
}
.search_btn2:hover {
	background:url(Images/search-bt2.gif) no-repeat 0 -23px;
}
.search_btn2:active {
	background:url(Images/search-bt2.gif) no-repeat 0 -46px;
}
#misc-container {
	margin:0;
	padding:0;
	float:right;
}
#misc-container ul {
	margin:0;
	padding:0;
}

.search-text {
	color:#ffc502;
	font-size:12px;
	width:180px;
	height:14px;
	float:left;
	padding:10px 0 2px 10px;
}

.zip-code {
	color:#ffc502;
	font-size:12px;
	width:110px;
	height:14px;
	float:left;
	padding:10px 0 2px 2px;
}
	
/**
 * NAV
 */
#nav-container ul {
	margin:0;
	padding:0px;
	height:33px;
	list-style: none;
}
#nav-container ul li {
	padding:0px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	height:29px;
}

/* 
Author: Emir Plicanic 
Info:   navlink class was added to style the navigation tabs differently from other LI elements in the list. Sprite bg image is used to add left/right rounded corners
 */
 
/*Default tab */
#nav-container ul .navlink {
	margin:0px 4px 0 4px;
	background: url(Images/navigation_default_tab.gif) no-repeat 0px 0px;
}
#nav-container ul .navlink span {
	background: url(Images/navigation_default_tab-center.gif) no-repeat right bottom;
	display:block;
	height:26px;
	padding:3px 0px 0px;
	float:left;
}
#nav-container ul .navlink span.left {
	background: url(Images/navigation_default_tab-left.gif) no-repeat right bottom;
	display:block;
	width:5px;
	height:29px;
	margin:0px;
	padding:0px;
	float:left;
}
#nav-container ul .navlink span.right {
	margin:0px;
	padding:0px;
	float:left;
	background: #f8f8f8 url(Images/navigation_default_tab-right.gif) no-repeat 0px 0px;
	width:5px;
	height:29px;
}

/*active 'on' tab*/
#nav-container ul .on {
	margin-right:5px;
	background: url(Images/navigation_on_tab.gif) no-repeat 0px 0px;
	
}
#nav-container ul .on span.left {
	margin:0px;
	padding:0px;
	background: #f8f8f8 url(Images/navigation_on_tab-left.gif) no-repeat 0px 0px;
	width:8px;
	height:30px;
	float:left;
}
#nav-container ul .on span.right {
	margin:0px;
	padding:0px;
	float:left;
	background: #f8f8f8 url(Images/navigation_on_tab-right.gif) no-repeat 0px 0px;
	width:8px;
	height:30px;
}
#nav-container ul .on span {
	background: #f8f8f8;
	display:block;
	height:26px;
	padding:3px 0px 0px 0px;
	float:left;
}

#nav-container ul .on span a {
	background:url(Images/navigation_active-hover_tab.gif) center top no-repeat;
	display:block;
	color:#fff;
	height:33px;
}

#nav-container ul li a{
	margin:0 0px;
	padding:0px 14px;
	float:left;
	color:#666;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	line-height:27px;
}
#nav-container ul .on a:hover {
	background:url(Images/navigation_active-hover_tab.gif) center bottom no-repeat;
	color:#fff;
}
#nav-container ul .navlink a:hover {
	background:url(Images/navigation_active-hover_tab.gif) center -37px;
	color:#fff;
	height:25px;
}

#nav-container ul li.navright {
	float:right;
	display:block;
	margin:0;
	padding:7px 0 0;
}
#nav-container ul li.navright a, #nav-container ul li.navright a:visited {
	margin:0px 10px 0px 0px;
	padding:0 5px;
	color:#ccc;
	font-size:11px;
	text-decoration:underline;
	text-transform:none;
	display:block;
	height:33px;
	line-height:15px;
}
#nav-container ul li.navright a span, #nav-container ul li.navright a:hover span {
	display:block;
	float:left;
	padding:0px 10px 0 0;
}
#nav-container ul li.navright a:hover span.left, #nav-container ul li.on a span.left {
	
	background:transparent;
	
}
#nav-container ul li.navright  a:hover {
	background:transparent;
	text-decoration:none ;
}	

/* 
Author: Emir Plicanic 
Info:   Search button styles. Using sprite bg image to handle all color priorities and hover states.
        Global search button dimension/position
 */
.search_btn{
	width:114px;
	height:48px;
	display:block;
	float: right;
	margin-top:-4px;
}
/* add sprite image */
.p1, .p2, .p3, .p4{background-image:url(Images/search_buttons.png); background-repeat:no-repeat; }

/* Priority ONE */
.p1{
	background-position:0px 0px;
	color: #028A00;
}
.p1:hover{background-position: 0px -48px;}

/* Priority TWO color scheme */
.p2{
	background-position: 0px -96px;
	color: #FF6E16;
}
.p2:hover{background-position: 0px -144px;}


/* Priority THREE color scheme */
.p3{
	background-position: 0px -192px;
	color: #FDAB03;
}
.p3:hover{background-position:0px -240px;}