@media all{
/* ==== WARNING ==== Please see readme.txt before you even think about changing anything in here! */

/* ------- header styles -------- */
	
	#header {
		float:left;
		width:960px;
		position:relative;
		}
	
	/* mag and version */
	
	#magAndVersion{
		background: #f1efef;
		border:1px solid #c0ccd2;
		border-top:none;
		position: absolute;
		top:0;
		height: 24px;
		font-family: Arial, Helvetica, sans-serif;
		width:958px;
	}
	
	#siteVersion{
		float:left;
	}

		#siteVersion ul {
			margin-top:5px;
			font-size: 1.1em;
			padding-left:10px;
			}
			
			#siteVersion ul li {
				padding-right: 9px;
				float: left;
				font-size: 1em;
				font-weight: 700;
				float: left;
				}
			
				#siteVersion ul li a {
					font-weight: 400;
					color: #000!important;
					text-decoration: none;
					}
					
				#siteVersion ul li a:hover {
					text-decoration: underline;
					}
	
	
	#magazineSearch {
	    width: 22em;
		float:left;
	}
		#magazineSearch select {
		    border: 1px solid #999999;
		    color: #666666;
		    font-size: 1.1em;
		    height: 18px;
		    margin: 3px 0 0 0;
			float:left;
		}
		
		#magazineSearch input{
			margin-top:2px;
		}
	
	#partOf {
	    float: right;
	    margin: 5px 15px 0 0;
	    width: 223px;
		display:inline;
	}
	
	#headerPromo{
		position: absolute;
		top: 28px;
		right:0;
		height: 90px;
		width: 223px;
		border: 1px solid #b9c4cb;
		}
	
	#headerPromo img{
		display:block;
	}
	
	.bannerHeaderContainer {
		position:absolute; 
		top:28px; 
		left:0;
	}
	
	.bannerHeader {
		position:relative;
		margin:auto auto;
		width:728px;
		float:left;
		}
	
	.imageContainerOuter {height: 90px; overflow: hidden; position: relative; }
	.imageContainerOuter[class] {display: table; position: static;}
	
	.imageContainerMiddle{position: absolute; top: 50%; } /* for ie only*/
	.imageContainerMiddle[class] {display: table-cell; vertical-align: middle; position: static; left:50%;}
	
	.imageContainerInner {position: relative; top: -50%;  float:left; width:728px;}  /* for ie only */
	.imageContainerInner[class] {position: static; left: -50%;} 
		
	.bannerHeader img {
		display:block;
		margin:auto;
		border: 1px solid #b9c4cb;
		}
	
	/* ------- site logo -------- */
	
		#siteLogo {
			margin: 132px 0 20px 0;
			padding-left:8px;
			float: left;
			}
		
		#siteLogo h1{
			margin:0;
			padding:0;
			line-height:0em;
		}
			
			#siteLogo span {
				visibility:hidden;
			}
					
		#siteLogo a{
			font-size:0em;
			line-height:0em;
		}
		
		#siteLogo a:hover{
			text-decoration:none;
		}
		
		#siteLogo a img{
			display:block;
		}	
	
/* ------- breadcrumbs -------- */
	
	#breadcrumb {
		margin:15px 0 10px 0;
		padding: 0 0 7px 0;
		background: url(/_hbi_ui/_PRO/_images/bkg/bkg_dash.gif) bottom left repeat-x;
		}
	
		#breadcrumb li{
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			line-height:1.1em;
			}
		
			#breadcrumb li span {
				padding: 0 7px;
			}
			
			#breadcrumb li a {
				text-decoration: underline;
				color:#ed1c24;
				font-weight:700;
			}
			
				#breadcrumb li a:hover {
					color:#828f97;
				}
		
		#breadcrumb .date {
			float:right;
			color:#828f97;
			font-weight:700;
			font-size: 1.1em; 
		}
		
		#breadcrumb .rssFeed {
			float:right;
			margin: 2px 0 0 10px;
		}	
	
}