@charset "UTF-8";
/* CSS Document */

* { margin:0; outline: none; }

body {
	background-color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

img { border:0px; }

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }

a { text-decoration:none; }

/* DIVS */
#header { margin: 0 auto; padding: 10px 0px; position: relative; }
	#header-logo img { width: 100px; }
	#header-favo { width: 25px; height: 25px; background-image:url(images/star.svg); background-repeat: no-repeat; position: absolute; right: 20px; top: 17px; }
	#header-home { width: 25px; height: 25px; background-image:url(images/home.svg); background-repeat: no-repeat; position: absolute; left: 20px; top: 17px; }

#location { background-color: #e7e7e7; padding: 10px 0px; }
	#location p { margin: 0 auto; }
		#location p img { height: 20px; }
		#location p span { top: -5px; position: relative; }
			#location p span i { display: none; }

#stage1 {}
	#promo {}
		#promo p img { width: 100%; }
	#stage1 ul { padding: 0px; margin: 0px; list-style: none; }
		#stage1 ul li { padding:20px 0px; border-bottom:1px solid #999; background-image: url(images/angle-right-b.svg); background-repeat: no-repeat; background-position: right; background-size: 20px auto; background-position: right 20px center; }

#stage2 { display: none; }
	#slide { }
		#slide .slide-product { background-repeat: no-repeat; background-size: auto 190px; background-position: 40px 20px; max-width: 800px; margin: 0 auto; text-align: left; padding-left: 150px; padding-top: 25px; min-height: 200px; position: relative; }
		#slide .slide-product-promo { position: absolute; right: 0px; top: 0px; background-color: #7d1f3f; color: #FFF; padding: 5px 20px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; }

	#sticky { position: sticky; position: -webkit-sticky; top: -1px; z-index: 1; }
		#product-type { padding: 5px 0px; background-color: #7d1f3f; color: #FFFFFF;}
		#price-fields { padding: 10px 10px 0px 10px; background-color: #f9f9f9; margin-top: -1px; }
			#price-fields input { width: 30px; font-family: 'Open Sans', sans-serif; }
		#price-bg { background-color: #f9f9f9; padding: 20px; margin-top:-1px; }
			#price-total { position: relative; background-color: #e7e7e7; height: 13px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
				#price-total .bullet { position: absolute; top: -4px; height: 20px; width: 20px; background-color: #7d1f3f; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1; }
				#price-bullet-low { left: 30px; }
				#price-bullet-high { right: 0px; }
				#price-range { position: absolute; top: 0px; bottom: 0px; background-color: #999999; left: 40px; right: 10px; z-index: 0; }

	#product-list {}
		#product-list .pl-product { background-repeat: no-repeat; background-size: auto 140px; background-position: 10px 10px; max-width: 800px; margin: 0 auto; text-align: left; padding-left: 70px; padding-right: 10px; padding-top:10px; padding-bottom:10px; min-height: 135px; position: relative; border-bottom:1px solid #999999; }
