/* -----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
	
	Heimerdinger Cutlery
	Stylesheet: public/banner.css
	Author: Neal Barrow, chicowebdesign.com
	Version: January 28, 2010
	
--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------
GLOBAL
----------------------------------------------------------------------------------- */
*, body {
	outline: none;
	margin: 0;
	padding: 0;
	}
img {
	outline: none;
	}
.clear {
	clear: both;
}
.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 */

#container {
	}
#subcontainer {
	}

ul.footer_category_list li {
	margin: 0 !important;
	}

#footer_categories {
	margin: 0 !important;
	}
	
input.searchbox.show_label {
	background: #fff url(/design/ui/public/image/layout/search_blur.gif) no-repeat 0 2px !important;
	}

/* -----------------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------------- */
#header {
	background: #25456A url(/design/ui/public/image/layout/bg_header.gif) 0 0;
	position: relative;
	height: auto;
	z-index: 100;
	}
	#header .banner.callout {
		float: right;
		clear: right;
		margin: 0 8px 7px 0;
		}

	/* -----------------------------------------------------------------------------------
	HEADER -- LOGO
	----------------------------------------------------------------------------------- */
	#header .logo {
		width: 336px;
		height: 143px;
		position: absolute;
		left: 11px;
		top: 12px;
		}
		#header .logo a {
			display: block;
			background: url(/design/ui/public/image/layout/heimerdinger_logo.gif) no-repeat 0 0;
			line-height: 143px; /* LINE HEIGHT = ('#header .logo' HEIGHT) */
			text-indent: -9999px;
			overflow: hidden;
			}

	/* -----------------------------------------------------------------------------------
	HEADER -- TOP NAV
	----------------------------------------------------------------------------------- */
	#header .nav.top {
		background: url(/design/ui/public/image/layout/bg_top_nav.gif) repeat-x 0 0;
		border-bottom: 1px solid #183660;
		padding: 9px 0 5px 0;
		}
		#header .nav.top ul {
			float: right;
			padding: 4px 0 0 0;
			}
			#header .nav.top ul li {
				float: left;
				border-right: 1px solid #1F3F6C;
				list-style: none;
				}
				#header .nav.top ul .strip {
					border-right: none;
					}
					#header .nav.top ul li a {
						padding: 2px 10px;
						color: #FFF;
						text-transform: uppercase;
						display: block;
						font-size: 10px;
						}
						
		/* -----------------------------------------------------------------------------------
		HEADER -- TOP NAV  -- SEARCH
		----------------------------------------------------------------------------------- */
		#header #functions_search_form {
			float: right;
			margin: 0 10px;
			padding: 0;
			}
			#header #functions_search_form .searchbox {
				background: #FFF;
				border: 1px solid #DEDEDE;
				padding: 2px;
				margin: 0;
				float: left;
				}
				
	/* -----------------------------------------------------------------------------------
	HEADER -- UTILITY NAV
	----------------------------------------------------------------------------------- */
	#header .nav.utility {
		padding: 20px 0 14px 0;
		float: right;
		}
		#header .nav.utility li {
			float: left;
			list-style: none;
			}
			#header .nav.utility .login {
				background: url(/design/ui/public/image/layout/icon_login.gif) no-repeat 0 50%;
				}
			#header .nav.utility .cart {
				background: url(/design/ui/public/image/layout/icon_my_cart.gif) no-repeat 0 50%;
				}
			#header .nav.utility .checkout {
				background: url(/design/ui/public/image/layout/icon_checkout.gif) no-repeat 0 50%;
				}
			#header .nav.utility .strip {
				border-right: none;
				}
				#header .nav.utility li a {
					padding: 4px 16px 4px 25px;
					color: #FFF;
					text-transform: uppercase;
					display: block;
					font-size: 11px;
					}

	/* -----------------------------------------------------------------------------------
	HEADER -- MAIN NAV
	----------------------------------------------------------------------------------- */
	#header .nav.main {
		padding: 0 0 0 4px;
		background: #0F2541 url(/design/ui/public/image/layout/bg_nav.gif) repeat-x 0 0;
		clear: both;
		border-top: 1px solid #0F2541;
		}
		#header .nav.main li {
			float: left;
			list-style: none;
			border-right: 1px solid #0f2541;
			text-align: center;
			height: 52px;
			position: relative;
			}
		#header .nav.main .strip {
			border: none;
			}
			#header .nav.main li a {
				padding: 20px 5px 6px 5px;
				color: #FFF;
				text-transform: uppercase;
				display: block;
				font-weight: normal;
				font-size: 10px;
				}
				#header .nav.main li a:hover {
					text-decoration: none;
					}
				#header .nav.main .break a {
					padding-top: 13px;
					padding-bottom: 17px;
					}
			#header .nav.main li:hover,
			#header .nav.main li.hover {
				background: #0f3252;
				}
			#header .nav.main li:hover ul,
			#header .nav.main li.hover ul,
			#header .nav.main li.hover div.panel{
				display: block;
				}
			#header .nav.main li div.panel {
				display: none;
				position: absolute;
				background: #0f3252;
				z-index: 9999;
				padding: 10px 0;
				top: 52px;
				width: 570px;
				-moz-border-radius-bottomright: 3px;
				-moz-border-radius-bottomleft: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
				}
				#header .nav.main li div.panel ul {
					position: static;
					float: left;
					padding: 0;
					}
			#header .nav.main li ul {
				display: none;
				position: absolute;
				background: #0f3252;
				z-index: 9999;
				padding: 10px 0;
				top: 52px;
				width: 190px;
				-moz-border-radius-bottomright: 3px;
				-moz-border-radius-bottomleft: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
				}
				#header .nav.main li ul li {
					display: block;
					padding: 0 10px;
					border: none;
					float: none;
					height: auto;
					text-align: left;
					}
					#header .nav.main li ul li.double {
						/*height: 28px;*/
						}
					#header .nav.main li ul li:hover,
					#header .nav.main li ul li.hover {
						background: #174d7e;
						}
					#header .nav.main li ul li a {
						color: #fff;
						width: 170px;
						padding: 0 !important;
						line-height: 14px;
						}
					#header .nav.main li ul li:hover ul,
					#header .nav.main li ul li.hover ul {
						display: block !important;
						}
					#header .nav.main li ul li ul {
						display: none !important;
						left: 190px;
						top: 0;
						-moz-border-radius-topright: 3px;
						-webkit-border-top-right-radius: 3px;
						border-top-right-radius: 3px;
						}
						#header .nav.main li ul li ul li {
							}
							#header .nav.main li ul li ul li a {
								}

/* -----------------------------------------------------------------------------------
LEFT NAV
----------------------------------------------------------------------------------- */
/*overwriting old styles! */
.module_box {
	padding: 0 0 10px 0 !important;
	}
#left_sidebar h5 {
	padding: 5px !important;
	}
/*end old styles overwriting */

ul.nav.left {
	margin: 0 !important;
	width: 149px;
	}
	ul.nav.left li {
		margin: 0 !important;
		}
		ul.nav.left li a {
			padding: 0 0 0 10px;
			}
		ul.nav.left li a.active {
			background: #356aa0 url(/design/ui/public/image/layout/nav_left_active.gif) no-repeat 95% 4px;
			color: #fff;
			font-weight: bold;
			line-height: 20px;
			display: block;
			border-bottom: 1px solid #fff;
			padding: 2px 23px 0 10px;
			}
		ul.nav.left li ul {
			background: #e7e7e7 url(/design/ui/public/image/layout/nav_left_bg.gif) repeat-x 0 0;
			margin: 0 0 5px 0 !important;
			border-bottom: 2px solid #b6b6b6;
			padding: 5px 0;
			}
			ul.nav.left li ul li {
				padding-left: 10px;
				}
				ul.nav.left li ul li a {
					color: #356aa0;
					padding: 0;
					}
					ul.nav.left li ul li a.active {
						background: none;
						color: #356aa0;
						line-height: inherit;
						border: 0;
						display: inline;
						padding: 0;
						}
				ul.nav.left li ul li ul {
					background: none;
					border-bottom: none;
					}
					ul.nav.left li ul li ul li {
						padding-left: 10px;
						}
						ul.nav.left li ul li ul li a {
							padding: 0;
							}
						ul.nav.left li ul li ul li a.active {
							padding: 0;
							}