﻿#debugInfo { position:absolute; z-index:100; left: 0; top:0; bottom:0; 
             width:150px; min-width:150px; background-color:Silver; 
             border: 1px solid #000; 
             }

.streetWalk              { margin:0; padding:0; height:445px; width:896px; margin-top:88px; position:relative; background-color:#fff; }

    .streetWalkImages        { margin:0; padding:0; overflow:hidden; height:357px; width:896px; }
    .streetWalkImages ul     { margin:0; padding:0;  height: 357px;  max-height:357px; list-style:none; }
    .streetWalkImages li     { position:relative; margin:0; padding:0; display:inline; float:left; }
        .streetWalkImages li[data-streetwalk-type=block] { min-width: 20px; width: 20px; height: 357px; color:#fff; background-color:#fff; }
        .streetWalkImages li[data-streetwalk-type=block] + li div {border-left: 1px dotted #ea1a49;}
        .streetWalkImages li img { margin:0; padding:0; height:270px; }        

    .streetWalkImages li div { margin:0; padding:0; height:86px; background-color:#fff; border-right: 1px dotted #ea1a49; border-bottom: 1px dotted #ea1a49; }
        .streetWalkImages li div h1 { margin:0 10px; padding:0; font-family: lightFont; text-transform:uppercase; font-size:1.2em; }
        .streetWalkImages li div h2	{ margin:0 10px; padding:0; font-family: lightFont; text-transform:lowercase; font-size:1.2em;  }
        .streetWalkImages li div h3	{ margin:0 10px; padding:0; font-family: lightFont; font-size:1.2em;  }
        .streetWalkImages li div p { margin:0 10px; padding:0; display:inline-block; margin:0;  font-size:1.2em;}
		.streetWalkImages li div a.no-button {padding-left:0;}
		
    .streetWalkNav              { position:absolute; bottom:174px; z-index:2; margin:0; padding:10px 0 0 35px; min-height:25px; width:896px; text-align:center; background-color:rgba(0, 0, 0, 0.3); }
        .streetWalkNav ul       { margin:0; padding:0; list-style:none; width:826px; }
        .streetWalkNav li[data-streetwalk-type=store]			{ margin:0; padding:0; display:inline-block; height:15px; width:15px; background:url(/v2/images/layout/bulletsw.png) no-repeat; cursor:pointer; }
        .streetWalkNav li[data-streetwalk-type=store].storenls	{ background:url(/v2/images/layout/bulletswnls.png) no-repeat; }
        .streetWalkNav li[data-streetwalk-type=store].selected	{ background-position:0 -22px; }
        .streetWalkNav li[data-streetwalk-type=store].clicked	{ background-position:0 -44px; }

        .streetWalkNav li[data-streetwalk-type=block]			{ margin:0 2px 6px 0; padding:0; display:inline-block; height:12px; width:7px; background-color:rgba(255,255,255,0.4); cursor:pointer; }
        .streetWalkNav li[data-streetwalk-type=block].selected	{ background-color:#fff; }
        
        .streetWalkNav li[data-streetwalk-type=blocksp]			{ display: none; margin:0 2px 6px 0; padding:0; height:12px; width:7px; background-color:rgba(255,255,255,0.4); cursor:pointer; }
        .streetWalkNav li[data-streetwalk-type=blocksp].selected	{ background-color:#fff; }

		
    .streetWalkButtons  { position:absolute; z-index:3; top:240px; right:5px; margin:0; padding:0;  list-style:none; }
        .streetWalkButtonLeft, .streetWalkButtonRight
                                    { width:25px; height:25px; background-position:center; background-size: 35px 35px; background-repeat:no-repeat; }
        .streetWalkButtonCrossover  { width:110px; height:25px; color:white; font-size: 13px; }
        .streetWalkButtons li       { cursor:pointer; margin:0; padding:0; display:inline-block; float:left; }
        .streetWalkButtonLeft       { display:none; background-image: url('/v2/images/layout/streetwalk/streetwalk-left-white.png') }
        .streetWalkButtonRight      { display:none; background-image: url('/v2/images/layout/streetwalk/streetwalk-right-white.png'); }

	.streetWalkZero { min-width: 0px !important; max-width: 0px !important; width:0 px !important; }
