/* FlexCSS™ | Copyright © Pixel Brite Creations, Inc. 2007-2009, All rights reserved **/
/******************************* F L E X   H E A D S **********************************/
/* Author: Pixel Brite Creations, Inc., PIXELBRITE•COM® | Marc Bridger ****************/
/* This CSS Library and all Images are Copyrighted & Not for Distribution *************/
/* License & Product Link:  http://www.pixelbrite.com/clients/cart.php?gid=9 
/* Version: 1.0.5.061009 ************************************5-Site License+SB*********/

/*
Reminders:
 - no specification of size = 60px  (declared with only .headericon and .headerbody)
 - must specify .hsXX to override default style, even if same as default size. 
 - xhicon flags icon removal & smallhead for left compression
*/

.flexhead { margin: 0 0 5px; padding: 0;}
.headerbody {margin-top: 0; margin-bottom: 0;} /*assists with IE7 Margin Collapse Issue. helps cross-browser consistency */
.hs60 .headericon, .headericon /*default*/ {/* HS60| Header Style 60px */ 
	height: 62px; width: 62px; float: left;}
.hs60 .headerbody, .headerbody /*default*/ {
	margin: 0 0 0 62px; padding: 0 0 0 3px;
	height: 62px; line-height: 62px;}
.headerbody span {/* default */
	color: #000;}
.hs50 .headericon{/* HS50| Header Style 50px */ 
	height: 52px; width: 54px; float: left;}
.hs50 .headerbody{ 
	margin: 0 0 0 54px; padding: 0 0 0 3px;
	height: 52px; line-height: 52px;}
.hs40 .headericon{/* HS40| Header Style 40px */
	height: 44px; width: 43px; float: left;}
.hs40 .headerbody{ 
	margin: 0 0 0 43px; padding: 0 0 0 2px;
	height: 44px; line-height: 44px;
	font-size: 120%; /* reference template.css for global h3 */}
	
.headericon, .headerbody {position: relative; background-repeat: no-repeat;}
.headerbody {background-position: 100% 0;}

/* Custom hicons */
.hs60 .headericon div {width: 46px; height: 42px; position: absolute; top: 10px; left: 10px;}
.flexhead.xhicon.hs60.rollover:hover .headericon div {background-position: -46px 0;}
.hs50 .headericon div {width: 40px; height: 35px; position: absolute; top: 8px; left: 10px;}
.flexhead.xhicon.hs50.rollover:hover .headericon div {background-position: -40px 0;}
.hs40 .headericon div {width: 30px; height: 28px; position: absolute; top: 8px; left: 9px;}
.flexhead.xhicon.hs40.rollover:hover .headericon div {background-position: -30px 0;}
/* Condensed Heads | Orides */
.smallhead.hs60 .headericon{ width: 14px;}
.smallhead.hs60 .headerbody { margin: 0 0 0 14px; }
.smallhead.hs50 .headericon{width: 12px;}
.smallhead.hs50 .headerbody{ margin: 0 0 0 12px;}
.smallhead.hs40 .headericon{width: 12px;}
.smallhead.hs40 .headerbody{ margin: 0 0 0 12px;}
/* Optional | Sets Min-Width for Short headings which have a fade to eliminate harsh transitions */
.fade .headerbody {min-width: 175px;}
/* styles */
/* blueglow-logo */
.blueglow-logo.hs60 .headericon { background-image:url(images/head/blueglow-logo_60l.png);}
.blueglow-logo.hs60 .headerbody {background-image:url(images/head/blueglow-logo_60r.png);}
.blueglow-logo.hs50 .headericon { background-image:url(images/head/blueglow-logo_50l.png);}
.blueglow-logo.hs50 .headerbody {background-image:url(images/head/blueglow-logo_50r.png);}
.blueglow-logo.hs40 .headericon { background-image:url(images/head/blueglow-logo_40l.png);}
.blueglow-logo.hs40 .headerbody {background-image:url(images/head/blueglow-logo_40r.png);}
.xhicon.blueglow-logo.hs60 .headericon { background-image:url(images/head/blueglow-logo_60x.png);}
.xhicon.blueglow-logo.hs50 .headericon { background-image:url(images/head/blueglow-logo_50x.png);}
.xhicon.blueglow-logo.hs40 .headericon { background-image:url(images/head/blueglow-logo_40x.png);}
.blueglow-logo.hs60.fade .headerbody { background-image:url(images/head/blueglow-logo_60f.png);}
.blueglow-logo.hs50.fade .headerbody { background-image:url(images/head/blueglow-logo_50f.png);}
.blueglow-logo.hs40.fade .headerbody { background-image:url(images/head/blueglow-logo_40f.png);}
.blueglow-logo .headerbody span { color: #0076bf; }
.blueglow-logo .headerbody { color: #024873; }
/* greenglow-logo */
.greenglow-logo.hs60 .headericon { background-image:url(images/head/greenglow-logo_60l.png);}
.greenglow-logo.hs60 .headerbody {background-image:url(images/head/greenglow-logo_60r.png);}
.greenglow-logo.hs50 .headericon { background-image:url(images/head/greenglow-logo_50l.png);}
.greenglow-logo.hs50 .headerbody {background-image:url(images/head/greenglow-logo_50r.png);}
.greenglow-logo.hs40 .headericon { background-image:url(images/head/greenglow-logo_40l.png);}
.greenglow-logo.hs40 .headerbody {background-image:url(images/head/greenglow-logo_40r.png);}
.xhicon.greenglow-logo.hs60 .headericon { background-image:url(images/head/greenglow-logo_60x.png);}
.xhicon.greenglow-logo.hs50 .headericon { background-image:url(images/head/greenglow-logo_50x.png);}
.xhicon.greenglow-logo.hs40 .headericon { background-image:url(images/head/greenglow-logo_40x.png);}
.greenglow-logo.hs60.fade .headerbody { background-image:url(images/head/greenglow-logo_60f.png);}
.greenglow-logo.hs50.fade .headerbody { background-image:url(images/head/greenglow-logo_50f.png);}
.greenglow-logo.hs40.fade .headerbody { background-image:url(images/head/greenglow-logo_40f.png);}
.greenglow-logo .headerbody span { color: #006e35; }
.greenglow-logo .headerbody { color: #00ad54; }
/* blue-logo */
.blue-logo.hs60 .headericon { background-image:url(images/head/blue-logo_60l.png);}
.blue-logo.hs60 .headerbody {background-image:url(images/head/blue-logo_60r.png);}
.blue-logo.hs50 .headericon { background-image:url(images/head/blue-logo_50l.png);}
.blue-logo.hs50 .headerbody {background-image:url(images/head/blue-logo_50r.png);}
.blue-logo.hs40 .headericon { background-image:url(images/head/blue-logo_40l.png);}
.blue-logo.hs40 .headerbody {background-image:url(images/head/blue-logo_40r.png);}
.xhicon.blue-logo.hs60 .headericon { background-image:url(images/head/blue-logo_60x.png);}
.xhicon.blue-logo.hs50 .headericon { background-image:url(images/head/blue-logo_50x.png);}
.xhicon.blue-logo.hs40 .headericon { background-image:url(images/head/blue-logo_40x.png);}
.blue-logo.hs60.fade .headerbody { background-image:url(images/head/blue-logo_60f.png);}
.blue-logo.hs50.fade .headerbody { background-image:url(images/head/blue-logo_50f.png);}
.blue-logo.hs40.fade .headerbody { background-image:url(images/head/blue-logo_40f.png);}
.blue-logo .headerbody span { color: #0076bf; }
.blue-logo .headerbody { color: #024873; }
/* green-logo */
.green-logo.hs60 .headericon { background-image:url(images/head/green-logo_60l.png);}
.green-logo.hs60 .headerbody {background-image:url(images/head/green-logo_60r.png);}
.green-logo.hs50 .headericon { background-image:url(images/head/green-logo_50l.png);}
.green-logo.hs50 .headerbody {background-image:url(images/head/green-logo_50r.png);}
.green-logo.hs40 .headericon { background-image:url(images/head/green-logo_40l.png);}
.green-logo.hs40 .headerbody {background-image:url(images/head/green-logo_40r.png);}
.xhicon.green-logo.hs60 .headericon { background-image:url(images/head/green-logo_60x.png);}
.xhicon.green-logo.hs50 .headericon { background-image:url(images/head/green-logo_50x.png);}
.xhicon.green-logo.hs40 .headericon { background-image:url(images/head/green-logo_40x.png);}
.green-logo.hs60.fade .headerbody { background-image:url(images/head/green-logo_60f.png);}
.green-logo.hs50.fade .headerbody { background-image:url(images/head/green-logo_50f.png);}
.green-logo.hs40.fade .headerbody { background-image:url(images/head/green-logo_40f.png);}
.green-logo .headerbody span { color: #006e35; }
.green-logo .headerbody { color: #00ad54; }
/* charcoal-logo */
.charcoal-logo.hs60 .headericon { background-image:url(images/head/charcoal-logo_60l.png);}
.charcoal-logo.hs60 .headerbody {background-image:url(images/head/charcoal-logo_60r.png);}
.charcoal-logo.hs50 .headericon { background-image:url(images/head/charcoal-logo_50l.png);}
.charcoal-logo.hs50 .headerbody {background-image:url(images/head/charcoal-logo_50r.png);}
.charcoal-logo.hs40 .headericon { background-image:url(images/head/charcoal-logo_40l.png);}
.charcoal-logo.hs40 .headerbody {background-image:url(images/head/charcoal-logo_40r.png);}
.xhicon.charcoal-logo.hs60 .headericon { background-image:url(images/head/charcoal-logo_60x.png);}
.xhicon.charcoal-logo.hs50 .headericon { background-image:url(images/head/charcoal-logo_50x.png);}
.xhicon.charcoal-logo.hs40 .headericon { background-image:url(images/head/charcoal-logo_40x.png);}
.charcoal-logo.hs60.fade .headerbody { background-image:url(images/head/charcoal-logo_60f.png);}
.charcoal-logo.hs50.fade .headerbody { background-image:url(images/head/charcoal-logo_50f.png);}
.charcoal-logo.hs40.fade .headerbody { background-image:url(images/head/charcoal-logo_40f.png);}
.charcoal-logo .headerbody span { color: #cedee3; }
.charcoal-logo .headerbody { color: #FFF; }
/* charcoalglow-logo */
.charcoalglow-logo.hs60 .headericon { background-image:url(images/head/charcoalglow-logo_60l.png);}
.charcoalglow-logo.hs60 .headerbody {background-image:url(images/head/charcoalglow-logo_60r.png);}
.charcoalglow-logo.hs50 .headericon { background-image:url(images/head/charcoalglow-logo_50l.png);}
.charcoalglow-logo.hs50 .headerbody {background-image:url(images/head/charcoalglow-logo_50r.png);}
.charcoalglow-logo.hs40 .headericon { background-image:url(images/head/charcoalglow-logo_40l.png);}
.charcoalglow-logo.hs40 .headerbody {background-image:url(images/head/charcoalglow-logo_40r.png);}
.xhicon.charcoalglow-logo.hs60 .headericon { background-image:url(images/head/charcoalglow-logo_60x.png);}
.xhicon.charcoalglow-logo.hs50 .headericon { background-image:url(images/head/charcoalglow-logo_50x.png);}
.xhicon.charcoalglow-logo.hs40 .headericon { background-image:url(images/head/charcoalglow-logo_40x.png);}
.charcoalglow-logo.hs60.fade .headerbody { background-image:url(images/head/charcoalglow-logo_60f.png);}
.charcoalglow-logo.hs50.fade .headerbody { background-image:url(images/head/charcoalglow-logo_50f.png);}
.charcoalglow-logo.hs40.fade .headerbody { background-image:url(images/head/charcoalglow-logo_40f.png);}
.charcoalglow-logo .headerbody span { color: #7c9197; }
.charcoalglow-logo .headerbody { color: #566569; }
/* black-logo */
.black-logo.hs60 .headericon { background-image:url(images/head/black-logo_60l.png);}
.black-logo.hs60 .headerbody {background-image:url(images/head/black-logo_60r.png);}
.black-logo.hs50 .headericon { background-image:url(images/head/black-logo_50l.png);}
.black-logo.hs50 .headerbody {background-image:url(images/head/black-logo_50r.png);}
.black-logo.hs40 .headericon { background-image:url(images/head/black-logo_40l.png);}
.black-logo.hs40 .headerbody {background-image:url(images/head/black-logo_40r.png);}
.xhicon.black-logo.hs60 .headericon { background-image:url(images/head/black-logo_60x.png);}
.xhicon.black-logo.hs50 .headericon { background-image:url(images/head/black-logo_50x.png);}
.xhicon.black-logo.hs40 .headericon { background-image:url(images/head/black-logo_40x.png);}
.black-logo.hs60.fade .headerbody { background-image:url(images/head/black-logo_60f.png);}
.black-logo.hs50.fade .headerbody { background-image:url(images/head/black-logo_50f.png);}
.black-logo.hs40.fade .headerbody { background-image:url(images/head/black-logo_40f.png);}
.black-logo .headerbody span { color: #FFF; }
.black-logo .headerbody { color: #FFF; }
/* blackglow-logo */
.blackglow-logo.hs60 .headericon { background-image:url(images/head/blackglow-logo_60l.png);}
.blackglow-logo.hs60 .headerbody {background-image:url(images/head/blackglow-logo_60r.png);}
.blackglow-logo.hs50 .headericon { background-image:url(images/head/blackglow-logo_50l.png);}
.blackglow-logo.hs50 .headerbody {background-image:url(images/head/blackglow-logo_50r.png);}
.blackglow-logo.hs40 .headericon { background-image:url(images/head/blackglow-logo_40l.png);}
.blackglow-logo.hs40 .headerbody {background-image:url(images/head/blackglow-logo_40r.png);}
.xhicon.blackglow-logo.hs60 .headericon { background-image:url(images/head/blackglow-logo_60x.png);}
.xhicon.blackglow-logo.hs50 .headericon { background-image:url(images/head/blackglow-logo_50x.png);}
.xhicon.blackglow-logo.hs40 .headericon { background-image:url(images/head/blackglow-logo_40x.png);}
.blackglow-logo.hs60.fade .headerbody { background-image:url(images/head/blackglow-logo_60f.png);}
.blackglow-logo.hs50.fade .headerbody { background-image:url(images/head/blackglow-logo_50f.png);}
.blackglow-logo.hs40.fade .headerbody { background-image:url(images/head/blackglow-logo_40f.png);}
.blackglow-logo .headerbody span { color: #333; }
.blackglow-logo .headerbody { color: #000; }
/* .nohead - NONE | clears default images - add'l statements for specificity*/
.nohead.hs60 .headericon { background-image:none;}
.nohead.hs60 .headerbody { background-image:none;}
.nohead.hs50 .headericon { background-image:none;}
.nohead.hs50 .headerbody { background-image:none;}
.nohead.hs40 .headericon { background-image:none;}
.nohead.hs40 .headerbody { background-image:none;}
.nohead.hs60.fade .headerbody { background-image:none;}
.nohead.hs50.fade .headerbody { background-image:none;}
.nohead.hs40.fade .headerbody { background-image:none;}
.nohead.hs60.xhicon .headerbody { background-image:none;}
.nohead.hs60.xhicon .headericon { background-image:none;}
.nohead.hs50.xhicon .headerbody { background-image:none;}
.nohead.hs50.xhicon .headericon { background-image:none;}
.nohead.hs40.xhicon .headerbody { background-image:none;}
.nohead.hs40.xhicon .headericon { background-image:none;}
.nohead .headerbody span { color: #000;}

/*-- DEFAULT STYLE */
/* DEFAULT: blue-logo */
.hs60 .headericon { background-image:url(images/head/blue-logo_60l.png);}
.hs60 .headerbody { background-image:url(images/head/blue-logo_60r.png);}
.hs50 .headericon { background-image:url(images/head/blue-logo_50l.png);}
.hs50 .headerbody { background-image:url(images/head/blue-logo_50r.png);}
.hs40 .headericon { background-image:url(images/head/blue-logo_40l.png);}
.hs40 .headerbody { background-image:url(images/head/blue-logo_40r.png);}
.xhicon.hs60 .headericon { background-image:url(images/head/blue-logo_60x.png);}
.xhicon.hs50 .headericon { background-image:url(images/head/blue-logo_50x.png);}
.xhicon.hs40 .headericon { background-image:url(images/head/blue-logo_40x.png);}
.hs60.fade .headerbody { background-image:url(images/head/blue-logo_60f.png);}
.hs50.fade .headerbody { background-image:url(images/head/blue-logo_50f.png);}
.hs40.fade .headerbody { background-image:url(images/head/blue-logo_40f.png);}
 .headerbody span { color: #0076bf; }
 .headerbody { color: #024873; }
 /*-- Default SIZE & STYLE placed here --*/
 /* Default: blue-logo, 60px */
.headericon { background-image:url(images/head/blue-logo_60l.png);}
.headerbody { background-image:url(images/head/blue-logo_60r.png);}
.fade .headerbody {background-image:url(images/head/blue-logo_60f.png);}
/* FlexCSS™ | Copyright © Pixel Brite Creations, Inc. 2007-2009, All rights reserved **/