/* CSS Document */

/* Media query to change static layout to fluid for resolution less than 980px */

@media screen and (max-width:980px) {
	
	/* Navigation */
	
	#mainNav {
		width:100%;	
	}
	#subNavContainer {
		width:100%;	
	}
	#contentContainer {
		width:90%;	
	}
	#logoMain {
		width:135px;	
	}
	#logo img {
		max-width:100%;
	}
		
	nav#main ul li {
		width:75px;
	}
	nav#main ul li a {
		font-size:.8em;
	}
	
	nav#main ul li.menu_right {
		display:none;	
	}
	
	nav#sub {
		float:none;
		clear:both;	
	}
	
	.flyout {
		position:fixed;
		width:100%;
		left:10px;	
	}
	
	.menuContainer {
		position:fixed;
		width:90%;	
	}
	
	
	/* End Navigation */
	
	
	
	/*
	****** Footer *******
	*/
	
	#footer {
		width:90%;	
	}
	
	#copyright {
		width:90%;	
	}
	
	/* Product Finder */
	
	.productContent ul li {
	display:block;
	float:left;
	padding:10px;
	width:160px;	
	text-align:center;
	}
	
	/** Jobs LP **/
	
	.jPost {
		width:28%;
		padding:2% 1%;
		float:left;
		height:275px;
		margin:10px;	
	}
}

/* Media query to change fluid layout to one-column layout for screens smaller than 650px */

@media screen and (max-width:720px) {

	/* Navigation */

	nav#main {
		float:none;
		width:auto;	
		clear:both;
	}
	
	.menu_right {
		display:none;	
	}
	
	/* End Navigation */
	
	/** Jobs LP **/
	
	.jPost {
		width:45%;
		padding:2% 1%;
		float:left;
		height:275px;
		margin:10px;	
	}
	
}

@media screen and (max-width:650px) {
	
	/* Navigation */
	
	#mainNavContainer {
		width:100%;	
	}
	
	#mainNav {
		width:100%;	
	}
	
#WLogoBox2 {
	display:block;
	padding:10px;
	width:150px;
	float:left;
    position:relative;
    left:125px;
}
    

	
	#navBar {
		position:relative;
		width:100%;
		height:70px;
		left:0px;
		top:-10px;
		overflow:hidden;
	}
	
	div#navContainer {
		width:100%;	
	}
 
	
	#logoMain {
		/*padding:15px 10px 10px 10px;
		position:relative;
		left:120px;
		top:-5px;
		z-index:99;*/
        display:none;
	}
    
    #logoMain2 {
		padding:15px 10px 10px 10px;
		position:relative;
		left:120px;
		top:-5px;
		z-index:99;
        display:none;
	}
    
	#logo img {
		max-width:100%;
	}
	
	#logoNorm {
		display:none;	
	}
	
	#logoRev {
		display:block;	
	}

	nav.mobile {
		display:block;
		width:280px;
		padding-top:10px;	
		z-index:99998;
		position:absolute;
		top:3px;
		left:20px;
	}
	
	#dl-menu {
		position:relative;
		z-index:99998;	
	}
	
	nav#main {
		display:none;	
	}
	
	nav#WNav {
		display:none;	
	}
  
	
	div#WsearchBar {
		display:none;
		visibility: hidden;
	}
	
	#searchBarMobile {
		display:none;
	}
	
	.form-wrapper #submit {
		width:40px;
		right:20px;
		position:relative;	
	}
		
	nav#sub {
		display:none;
	}
    
    ul#menu {
        
    }
	
	/* End Navigation */
	
	.welcome h1, .welcome h3 {
		background:url('../../images/common/transwhite.png') repeat;
		padding:5px;	
	}
	
	#newsWidget {
		display:none;	
	}
	
	/*
	****** Footer *****
	*/
	.browseBox {
		float:none;
		clear:both;	
		width:100%;
	}
	
	/*
	****** Widgets *****
	*/
    
    #widgets {
        width:100%;
    }
	
	.widgetOpenFour li, .widgetOpenThree li, .widgetOpenTwo li, .widgetOpenOne li, .widgetOpenThirds li {
		float:none;
		clear:both;
		width:100%;
        margin-left:0;
	}
	
	.widgetOpenThirds li.OneThird {
		width:100%;
		float:none;
		margin-left:0;
		display:block;
		text-align:left;	
	}
	
	.widgetOpenThirds li.TwoThirds {
		width:100%;
		float:none;
		margin-left:0;
		display:block;
		text-align:left;	
	}
		
	.widgetClosedThree li, .widgetClosedTwo li, .widgetClosedOne li {
		float:none;
		clear:both;
		width:100%;	
		margin:10px 0;
	}
	
	/* Store Finder */
	
	.productBackground {
	
	background:none;	
}
	
	.productMenu li a {
		padding:7px;	
		font-size:10pt;
	}
	
	#product-finder h1 {
	font-size:40pt;
	line-height:40px;
}

	#product-finder h2 {
	font-size:16pt;
	line-height:30px;
}
	
	.productContent ul li {
	display:block;
	padding:10px;
	width:90%;	
	text-align:center;
	margin:10px auto;
}

	/*** DSP Tabs @ tablet***/
	
	ul.dspMenu li {
		float:none;
		clear:both;
		height:50px;
		width:100%;
	}
	
	ul.dspMenu li a {
		height:30px;	
		display:block;
	}
	
	ul.dspMenu li a img {
		height:40px;	
		float:left;
		margin-right:10px;
	}
	
	ul.dspMenu li p {
		display:block;
		float:left;	
		padding-right:20px;
	}
	
	/* Specialty Buttons */
	
	#atfront-main ul {
		width:100%;	
	}
	
	#atfront-main ul li {
		float:none;	
	}
	
	
	/* Walmart LP */
	
	#wmtTabs ul.wmtMenu, .wmtBox {
		width:100%;
		float:none;
		clear:both;
			
	}
	#wmtTabs ul.wmtMenu {
		padding-bottom:20px;
	}
	
	/** Jobs LP **/
	
	.jPost {
		width:100%;
		padding:2% 1%;
		float:none;
		clear:both;
		margin:20px 0;	
	}
    
    /* News Banner */
    .newsBannerContainer {
    width:100%; 
    }
    
    #news-banner #news-lg {
	display:none;
    }
	
    
    /* HR Contact */
    
        /*
    Sales Assistance Form
    */

    #salescontent {
        width:auto;
        margin:0;
        font-family:Helvetica, Verdana, sans-serif;
        font-size:11pt;
        color:#6e6e6e;
        position:relative;	
    }
    #salescontent #wrapper {
        width:100%;
        padding-bottom:20px;
        margin:0 auto 20px auto;	
    }
    fieldset.step {
        display:block;
        margin:10px 0;
        padding:10px 0;
        border:none;
    }
    img.icon {
        margin-right:10px;	
    }
    fieldset.step legend {
        border-bottom:1px solid #a1c545;
        padding:5px;
        display:block;
        text-indent:10px;
        font-size:14pt;
        color:#a1c545;
        vertical-align:middle;
        width:500px;
    }
    fieldset.step p {
        display:block;
        margin:15px 0;
        padding:15px 0;
        clear:both;
        height:30px;	
    }

    fieldset.step p label {
        width:200px;
        text-align:left;
        margin-right:20px;
        float:none;
        font-size:13pt;
        color:#1b1b1b;

    }
 
    fieldset.step p input.text, fieldset.step p textarea, fieldset.step p select {
        width:200px;
        float:none;
        font-size:10pt;

    }

}

@media screen and (max-width:480px) {

	/* Navigation */

	#tagLine {
		display:none;
	}
	#tagLine img {
		max-width:100%;	
	}

	.welcome h1, .welcome h3 {
		background:url('../../images/common/transwhite.png') repeat;
		padding:5px;	
	}
	
	/* End Navigation */
	
	#news {
		width:90%;	
	}
	
	/* Responsive Image Gallery */
	
	#responsive-gallery a{
		float:left;
		padding:5px;
		display:block;
	}
	
	/* Search bar */

	
	.form-wrapper #submit {
		width:40px;
		right:20px;
		position:relative;	
	}
	
	/*** Product Page Styles ***/
	
	.component-box, .part-box {
		width:90%;
		float:none;
		clear:both;
		margin:0;	
	}
	
	/*** Innovation ***/
	
	.iProduct {
		width:100%;
		float:none;
		height:150px;	
	}
	
	.iproductThumb {
		width:50px;
		height:50px;	
	}
	
	.iProduct p {
		display:block;
		clear:both;	
	}
	
	/*** DSP Pages ***/
	
	.dspHeader, .dspContent {
		float:none;
		clear:both;
		width:100%;	
	}
	
	/*** DSP Tabs @ mobile***/
	
	ul.dspMenu li {
		float:none;
		clear:both;
		height:50px;
		width:100%;
	}
	
	ul.dspMenu li a {
		height:30px;	
		display:block;
	}
	
	ul.dspMenu li a img {
		height:40px;	
		float:left;
		margin-right:10px;
	}
	
	ul.dspMenu li p {
		display:block;
		float:left;	
		padding-right:20px;
	}
	
	/** Jobs LP **/
	
	.jPost {
		width:100%;
		padding:2% 1%;
		float:none;
		clear:both;
		margin:20px 0;	
}
	
}