/*

	storefront.scss
	------------------------

	Global css for isml templates that use the pt_productsearchresult.scss decorator
	like the following:
	- homepage.isml
	- pt_storefront.isml

*/
#homepage-slider .slide { background-position: top center; background-repeat: no-repeat; }
#homepage-slider .int-c { margin: 0 auto; max-width: 960px; }
#homepage-slider .int-c > div { padding-bottom: 448px; }
#homepage-slider .carousel-text.bottom { bottom: 20px; }
#homepage-slider .carousel-text.top { top: 20px; }
#homepage-slider .carousel-text.left { left: 10px; }
#homepage-slider .carousel-text.right { right: 10px; }
#homepage-slider .flex-direction-nav li { bottom: 225px; }
#homepage-slider .flex-direction-nav-wrapper { position: relative; top: 0; margin: 0 auto; width: 960px; }

#homepage-slider-bottom { margin: 0 auto; width: 960px; }
#homepage-slider-bottom .flex-direction-nav li { top: 36px; }
#homepage-slider-bottom .flex-direction-nav-wrapper { position: absolute; top: 0; margin: 0 auto; width: 960px; }

#homepage-slider .flex-direction-nav, #homepage-slider-bottom .flex-direction-nav { width: 100%; }
#homepage-slider .flex-direction-nav a, #homepage-slider-bottom .flex-direction-nav a { display: block; width: 40px; height: 40px; }
#homepage-slider .flex-direction-nav a:hover, #homepage-slider-bottom .flex-direction-nav a:hover { text-decoration: none; }
#homepage-slider .flex-direction-nav li, #homepage-slider-bottom .flex-direction-nav li { position: absolute; }
#homepage-slider .flex-direction-nav li.nav-left, #homepage-slider-bottom .flex-direction-nav li.nav-left { left: -30px; }
#homepage-slider .flex-direction-nav li.nav-right, #homepage-slider-bottom .flex-direction-nav li.nav-right { right: -30px; }