/* ######################### */
/* #### HEADER STYLES ##### */
/* ######################### */

#networkBar {
	position: absolute;
	top: 0;
	margin: 0 auto;
	padding: 0;
	background: url('../images/bg_networkBar.png') 0 0 repeat-x;
	width: 918px;
	height: 23px;
	border-top: 1px solid #000;
	}

#networkBar span {
	position: absolute;
	top: 0;
	right: 25px;
	width: 273px;
	height: 23px;
	margin: 0;
	padding: 0;
	background: url('../images/bg_networkBarSpan.png') 0 0 no-repeat;
	cursor: default;
	}
	
/* ##### HEADER STYLES ##### */
	
#header {
	background: url('../images/bg_header.png') 0 0 repeat-x;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 5px 0 0 0;
	clear: both;
	}

/* ###### H1 STYLES ###### */

h1.home { /* H1 EMPIRE LABS LOGO */
	background: url('../images/logo_tagline_empirelabs.png') top left no-repeat;
	width: 425px;
	height: 40px;
	padding: 0;
	margin: 18px;
	float: left;
	clear: left;	
	}

h1.homeKiosk { /* H1 EMPIRE LABS LOGO */
	background: url('../images/logo_empirelabs.png') top left no-repeat;
	width: 425px;
	height: 40px;
	padding: 0;
	margin: 18px;
	float: left;
	clear: left;	
	}
	
.linkHome { /* LINK - EMPIRE LABS */
	width: 425px;
	height: 40px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	cursor: auto;
	display: block;
	}

h1.caw { /* H1 CLONE-A-WILLY LOGO */
	background: url('../images/logo_tagline_cloneawilly.png') top left no-repeat;
	width: 500px;
	height: 108px;
	padding: 0;
	margin: 0;
	float: left;
	clear: left;
	}	

.linkCAW { /* LINK - CLONE-A-WILLY */
	width: 425px;
	height: 83px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 20px;
	left: 15px;	
	cursor: default;
	display: block;
	}


/* ###### HEADER TOOLS ###### */

#headerTools {
	margin: 18px 25px 0 0;
	padding: 0;
	clear: right;
	float: right;
	}
	
#headerTools a:link,
#headerTools a:visited {
	color: #999;
	margin-left: 10px;
	}

#headerTools a:hover,
#headerTools a:active {
	color: #FFF;
	margin-left: 10px;
	}


#headerTools a, #headertools a:visited { color: #999; font-weight: bold; }
#headerTools a:hover, #headertools a:active { color: #FFF; font-weight: bold; }

#headerTools a.home {	
	padding: 8px 5px 8px 15px;
	background: url('../images/icon_home.gif') center left no-repeat;
	}
#headerTools a.colorTheme {	
	padding: 0 5px 0 15px;
	background: url('../images/icon_colortheme.gif') center left no-repeat;
	}
#headerTools a.customize {	
	padding: 0 5px 0 15px;
	background: url('../images/icon_customize.gif') center left no-repeat;
	}
#headerTools a.sitemap {	
	padding: 0 5px 0 15px;
	background: url('../images/icon_sitemap.gif') center left no-repeat;
	}
#headerTools a.login {
	padding: 0 5px 0 22px;
	background: url('../images/icon_login.gif') center left no-repeat;
	}
#headerTools a.logout {
	color: #FFF;
	padding: 0 5px 0 15px;
	background: url('../images/icon_logout.gif') center left no-repeat;
	}	
#headerTools a.contact {
	padding: 0 5px 0 17px;
	background: url('../images/icon_contact.gif') center left no-repeat;
	}
#headerTools a.cart {
	color: #FFF;
	padding: 0 0 0 22px;
	margin: auto 5px;
	background: url('../images/icon_cart.gif') 0 1px no-repeat;
	}

/* ##### Background Selector ##### */
#bgSelector {
	margin: 9px 0 0 0;
	padding: 5px 0 5px 5px;
	height: 20px;
	width: 270px;
	background: #111 url('../images/bg_navBarOn.png') 0 0 repeat-x;
	border: 1px solid #333;
	}

#bgSelector li {
	text-align: center;
	display: inline;
	list-style-type: none;
	margin: 0 4px;
	padding: 3px 0;
	float: left;
	white-space: nowrap;
	}


#bgSelector li a.gray { background: #373737 url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #575757; }
#bgSelector li a.gray:hover { background: #575757; padding: 2px 8px; border: 1px solid #575757; }

#bgSelector li a.red { background: #6f0000 url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #b60000; }
#bgSelector li a.red:hover { background: #b60000; padding: 2px 8px; border: 1px solid #b60000; }

#bgSelector li a.purple { background: #4f1856 url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #82288e; }
#bgSelector li a.purple:hover { background: #82288e; padding: 2px 8px; border: 1px solid #82288e; }

#bgSelector li a.brown { background: #44240c url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #703c13; }
#bgSelector li a.brown:hover { background: #703c13; padding: 2px 8px; border: 1px solid #703c13; }

#bgSelector li a.green { background: #3c6105 url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #639f09; }
#bgSelector li a.green:hover { background: #639f09; padding: 2px 8px; border: 1px solid #639f09; }

#bgSelector li a.blue { background: #014e65 url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #0280a6; }
#bgSelector li a.blue:hover { background: #0280a6; padding: 2px 8px; border: 1px solid #0280a6; }

#bgSelector li a.fuchsia { background: #610a2d url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #a0104a; }
#bgSelector li a.fuchsia:hover { background: #a0104a; padding: 2px 8px; border: 1px solid #a0104a; }

#bgSelector li a.pink { background: #6c1e4b url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #b2327b; }
#bgSelector li a.pink:hover { background: #b2327b; padding: 2px 8px; border: 1px solid #b2327b; }

#bgSelector li a.black { background: #222 url('../images/bg_navBarOn.png') 0 0 repeat-x; padding: 2px 8px; border: 1px solid #444; }
#bgSelector li a.black:hover { background: #000; padding: 2px 8px; border: 1px solid #444; }

	
	
/* ###### H2 STYLES ###### */

h2.freeShipping {  /* H2 IMAGE PLACEMENT */
	background: url('../images/freeshipping.png') 0 0 no-repeat;
	width: 185px;
	height: 40px;
	padding: 0;
	margin: 18px;
	float: right;
	clear: right;	
	}

.linkFreeShipping {  /* LINK - FREE SHIPPING */
	width: 175px;
	height: 40px;
	padding: 0;
	margin: 0;
	position: relative;
	top:  0;
	left: 0;
	cursor: default;
	display: block;
	}

/* ###### NAV BG STYLES ##### */

.navCART {
	background: url('../images/bg_navCART.png') top right no-repeat;
	}

.navFAQ {
	background: url('../images/bg_navFAQ.png') top right no-repeat;
	}

/* ##### MAIN NAV STYLES ##### */

#navBar { 
	clear: both;
	height: 35px;
	background: url('../images/bg_navBar.jpg') 0 0 repeat-x;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #575757;
	}

#mainNav ul {
	margin: 0;
	padding: 0;	
	}
	
#mainNav li {
	text-align: center;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	float: left;
	font-size: 100%;
	white-space: nowrap;
	border-right: 1px solid #000;
	}
	
#mainNav li:hover {
	text-align: center;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	float: left;
	font-size: 100%;
	white-space: nowrap;
	border-right: 1px solid #000;
	background: #222 url('../images/bg_navBarOn.png') 0 0 repeat-x;
	}

#mainNav li.on {
	text-align: center;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	float: left;
	font-size: 100%;
	white-space: nowrap;
	border-top: 1px solid #575757;
	border-left: 1px solid #575757;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #343434;
	background: #343434 url('../images/bg_navBarOn.png') 0 0 repeat-x;
	}
	

/* ##### NAV LINK STYLES ##### */
#mainNav a:link,
#mainNav a:visited {
	color: #999;
	padding: 10px 25px;
	margin: 0;
	}
#mainNav a:hover,
#mainNav a:active {
	color: #FFF;
	padding: 10px 25px;	
	margin: 0;
	}

#mainNav li.on a:link,
#mainNav li.on a:visited {
	color: #FFF; 
	}

#mainNav a.store {
	padding: 10px 40px 10px 25px;
	margin: 0;
	background: url('../images/icon_ddm_activate.png') 75% 11px no-repeat;
	}
	
#mainNav a.cart {
	padding: 10px 25px 10px 55px;
	margin: 0;
	background: url('../images/icon_cart.png') 22px 8px no-repeat;
	}
	


/* ##### SEARCH STYLES ##### */

#navBar form {
	background: url('../images/bg_searchForm.png') 0 0 no-repeat;
	float: right;
	width: 280px;
	height: 26px;
	margin: 3px 0 0 0;
	padding: 0;
	white-space: nowrap;
	float: right;
	}

#navBar input {
	margin: 0;
	margin: 8px 5px 6px 35px;
	height: 15px;
	width: 155px;
	max-width: 170px;
	vertical-align: middle;
	border: 0;
	}

#navBar form a { 
	color: #000; 
	padding: 2px 0; 
	vertical-align: middle; 
	}
	
#navBar form a:hover { 
	color: #c1272d;
	padding: 2px 0; 
	vertical-align: middle; 
	}