/* ecommerce homepage styling
----------------------------------*/



/* Dark background with
	 white text and gray hover
----------------------------------*/

/**********************
 * =homepage
 */

.js .noFlashContent {
	display: none;
}
.js .landing #background div#bgFlashElement
{
	background-color: #000;
}

.landing #container
{
	padding:0;
	width:980px;
	position:relative;
}
.landing #content-container{
	position:absolute;
	z-index:4;
	margin:0 40px;
	top:161px;
}
.landing #header
{
	position:absolute;
	z-index:4;
	margin:30px 0 0 40px;

	width:940px;
}
.landing #container #background.flash
{
	position:absolute;
	width:980px;
	height:640px;
	z-index:2;
	margin:100px 0 0 0;
}
.landing #background div#bgFlashElement
{
/*	padding:100px 300px;
	background-color:#fff;
	height:450px;
	color:#000;*/
}
.landing #nav-container{
		min-height:445px;
		height:auto;
		*height:445px;
	} 
	
/* NAV 12/1/2010 */

.landing #globalnav{
    top: -85px;
    position: relative;
    width: 500px;
    left: 160px;
}

.landing .ie6 #globalnav{
    left: 180px;
}

    .landing #globalnav li{
        float: left;
        width: auto;
        margin-left: 30px;
    }
    
    .landing .ie6 #globalnav li{
        float: left;
        width: 150px;
        margin-left: 0;
        margin-right: 15px;
    }
    
    .landing .ie6 #globalnav #Shop{
        float: left;
        width: 70px;
    }
	
	/* Black links */
	/*
	.landing #nav-container li a{
		color:#000;
	}
	*/
	
	/* White links */
	
	.landing #nav-container li a{
		color:#FFF;
	}
	
	.landing #nav-container li a:hover{
		color:#000;
	}
	
	.landing #nav-container #utilitynav{
		bottom:-160px;
		width:700px;
		left: -40px;
    }
    
        .landing #nav-container #utilitynav li{
		    width:auto;
		    float:left;
		    margin-right: 20px;
        }
        
.landing .social-links {
    position:absolute;
    right:-797px;
    top:580px;

}

.landing .ie6 .social-links {
    position:absolute;
    right:-450px;
    top:580px;

}   

/*
.landing #header a:link,
.landing #header a:visited,
.landing #header a:active{
	color:#666;
}
.landing #header a:hover{
	color:#fff;
}*/
.landing #header #logo
{
	margin:40px 0 0 0;
	/* black logo*/
	/*
		background: url(/images/logo-black.png) no-repeat;
		_background: url(/images/logo-black.gif) no-repeat;
	*/
	/* white logo*/
	background: url(/images/logo.png) no-repeat;
	_background: url(/images/logo.gif) no-repeat;
	
}    

/* landing - no flash */
.landing .noFlashContent li
{
	float:left;
}
.landing .noFlashContent .hero
{
	height:534px;
}
.landing .noFlashContent .promo1
{
	width:328px;
}
.landing .noFlashContent .promo2
{
	width:328px;
}
.landing .noFlashContent .promo3 a
{
}