/* CSS Document */

#header_background {
    height: 87px;
    min-height: 87px;
    background: url(/images/homepages/header-backgrounds/header-background-mobile.png) repeat-x;
    background-size: 1px 87px;
}
#copy_cont {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
#test_area {
	min-height:300px;
	width:100%;
}
#header_bbot {
	display:none;
}
.header_login {
	top:40px;
	right:10px;
}

#footer_wrap {
	height:40px;
	margin:-40px auto 0px auto;
}
#container {
	padding-bottom:40px;
}
#inner_cont {
	width:93.75%;
	margin:0 auto;
}
#copy {
	display:block;
	float:left;
	margin-left:10px;
	margin:14px 0 18px 10px;
	width:60%;
	color:#000;
	font-size:0.875em;
	line-height:1.14285714285714;
}

#item_wrap_outer {
	display:block;
	width:100%;
	background-color:#49494a;
    height: 437px;
}
#item_wrap_inner {
    display: block;
    width: 301px;
    height: auto;
    /*height: 437px;*/
    margin: 0 auto;
}
.item {
    display: block;
    position: relative;
    float: left;
    width: 149.5px;
    height: 149.5px;
    margin: 0 1px 1px 0;
 /*  background-size: 100%; */
    cursor: pointer;
}
.item h2 {
	position:absolute;
	top:3px;
	left:7px;
	color:#64666b;
	color:#FFF;
	font-size:1.25em;
	font-weight:normal;
}
#c_spacer {
	display:block;
	float:right;
	height:150px;
	width:30px;
}
#professional {
	background-image:url(/images/directional-images/professional-mobile.jpg);
	background-repeat:no-repeat;
}
#at-home {
	background-image:url(/images/directional-images/at-home-mobile.jpg);
	background-repeat:no-repeat;
}
#large-animal {
	background-image:url(/images/directional-images/large-animal-mobile.jpg);
	background-repeat:no-repeat;
}
#small-animal {
	background-image:url(/images/directional-images/small-animal-mobile.jpg);
	background-repeat:no-repeat;
}
#hotels {
	background-image:url(/images/directional-images/hotels-mobile.jpg);
	background-repeat:no-repeat;
}
#international {
	background-image:url(/images/directional-images/international-mobile.jpg);
	background-repeat:no-repeat;
}
#gear {
    background-image: url(/images/directional-images/andis-gear-mobile.jpg);
    background-repeat: no-repeat;
    
}
#homepage_banner_link {
	background-image: url(/images/socialjusticebanner.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 2px;
	width: 100%;
	height: calc(6.4vw);
	cursor: pointer; /**change to pointer when product selector goes live**/
}
#product_selector_link {
background-image: url(/images/findyourtool.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 2px;
	width: 100%;
	height: calc(6.4vw);
	cursor: pointer; 
}
@media screen and (min-width:320px) {
    #item_wrap_outer {
        height: auto;
    }
    .item {
        background-size: 100%;
    }
	#item_wrap_inner {
		width:301px;

	}
    div#gear.item {
        background-image: url(/images/directional-images/andis-gear-mobile.jpg);
        background-size: 100%;
        height: 60px;
        width: 99.8%;
    }
    div#gear.item h2{
        text-align:center;
        position:relative;
    }

	#copy {
		margin-top:3em;
	}
	#homepage_banner_link {
		height: calc(6.75vw);
	}
	#product_selector_link {
		background-image: url(/images/findyourtool.jpg);
	}
	
}
@media screen and (min-width:500px) {
    
    .item h2 {
		color:#64666b;
	}
	.item {
		filter: url(/images_and_docs/andis-images/filters.svg#grayscale); /* Firefox 3.5+ */
		filter: grayscale(100%);
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
	}
	.item:hover {
	/*    filter: url(/images_and_docs/andis-images/filters.svg#grayscale);*/ /* Firefox 3.5+ */
		filter: grayscale(0);
		filter: none; /* IE6-9 */
		-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
	}
	.item:hover h2 {
		color:#FFF;
	}
	#copy {
		width:180px;
		width:56.25%;
		max-width:660px;
		margin:14px 0 18px 14.583333333333%;
	}
}
@media screen and (min-width:568px) {
    #item_wrap_outer {
    height:auto;
    }
    #item_wrap_inner {
        width: 98%;
        height: 700px;
    }
	.item {
		width:33%;
		height:43%;
        background-size:auto;
	}

    .item img {
        width: 100%;
        /*height: auto;
        */
        height: 437px;
    }
    div#gear.item {
        background-image: url(/images/directional-images/andis-gear-mobile.jpg);
        background-size: 100%;
        height: 120px;
        width: 99.2%;
    }
}
@media screen and (min-width:651px) {
	#c_spacer {
		display:none;
	}
	#header_background {
		display:block;
		float:left;
		width:100%;
		margin:0px auto;
		padding:0px;
		height:140px;
		min-height:140px;
		text-align:center;
		background:url(/images_and_docs/andis-images/header-background-corporate.png) repeat-x;
	}
	.header_login {
		top:0;
		right:115px;
	}
    div#gear.item {
        background-image: url(/images/directional-images/andis-gear-mobile.jpg);
        background-size: 100%;
        height: 120px;
        width: 99.2%;
    }
}
@media screen and (min-width:960px) {
    #item_wrap_outer {
        display: block;
        width: 100%;
        background-color: #49494a;
        height: 437px;
    }
	#item_wrap_inner {
		width:940px;
		max-width:940px;
	}
	.item {
		display:block;
		position:relative;
		float:left;
		width:132px;
		height:0;
		padding-bottom:437px;
		margin:0 0 0 2px;
	}
	#professional {
		background-image:url(/images/directional-images/professional.jpg);
		margin-left:0;
	}
	#at-home {
		background-image:url(/images/directional-images/at-home.jpg);
	}
	#large-animal {
		background-image:url(/images/directional-images/large-animal.jpg);
	}
	#small-animal {
		background-image:url(/images/directional-images/small-animal.jpg);
	}
	#hotels {
		background-image:url(/images/directional-images/hotels.jpg);
	}
	#international {
		background-image:url(/images/directional-images/international.jpg);
	}
   /* #gear {
        background-image: url(/images/directional-images/andis-gear.jpg);
    }
       */
    div#gear.item {
        background-image: url(/images/directional-images/andis-gear2.jpg);
        background-size: auto;
        width: 132px;
        height: 40px;
    }
    div#gear.item h2{
        position: absolute;
    }
}
/***********************************************General Phone Potrait View***********************************************/
@media screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#homepage_banner_link {
		margin-top: 22%;
		position: absolute;
		z-index: 10;
	}
	#product_selector_link {
		margin-top: 28%;
		position: absolute;
		z-index: 10;
	}
	#menu, #toggle-menu {
		margin: 25px 0 0 0;
	}
	#copy {
		margin-top: 25%;
	}
}

/*************************************************General Phone Landscape view*******************************************/
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
	#menu, #toggle-menu {
		margin: 50px 0 0px 0;
	}
	#copy {
		margin: 50px 0 18px 20.583333%;
	}
}

/*************************************************iPad Portrait and Landscape*******************************************/
@media only screen and (min-device-width : 768px) and (max-device-width : 1424px) and (-webkit-min-device-pixel-ratio: 1) {
}

/**************************************************iPad Only Portrait**************************************************/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#menu, #toggle-menu {
		 margin: 16px 0 0px 0;
	}
}

/*************************************************** Internet Explorer 10+***********************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}