/*If RTL generation don't work for you in VS2013 follow https://stackoverflow.com/questions/29818720/web-essentials-rtlcss-tool-does-not-work*/
.RecentlyViewedWrapper,
.RecentlyViewedWrapper  * 
{
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.RecentlyViewedWrapper                  
{ 
    height: 226px; 
    min-width: 960px;  
    font-size: 12px;
    font-family:Arial, Sans-Serif;
    color:#222222;
    visibility:visible;
}

.msie7 .RecentlyViewedWrapper           { padding-bottom: 50px; }
.msie7 .RecentlyViewedWrapper,
.msie8 .RecentlyViewedWrapper           { width: 960px; }
.RecentlyViewedWrapper.inFooter         { bottom: -250px; position: fixed; opacity: 0; left: 50%; margin-left: -480px; z-index:500; }

.RecentlyViewedWrapper.inPage           { margin: 25px auto 30px auto; position:relative; display: none; visibility:hidden; width: 960px; }

.RecentlyViewedWrapper.CustomPosition   { display: block; visibility:visible; margin: 2px auto 18px auto; }
.RecentlyViewedWrapper.loadedInWindow   { display: block; visibility:visible; }

.RecentlyViewed                         
{
    height: 225px;
    margin-bottom:20px;
    border: 1px solid #C7C5C5;
    background-color: #fff;
    float: right;
    min-width: 960px;
    overflow: hidden;
}

.inPage .RecentlyViewed {
    height: 215px;
    width: 960px;
    border-top:0;
    border-left:0;
    border-right:0;
}

.RecentlyViewed .scrollRowWrapper{width:960px; clear:both; overflow:hidden; }
.RecentlyViewed .scrollRowWrapper .line {width:100%; position: absolute;top:190px; border-bottom:1px dotted #C6C6C6;left:0; }
.inFooter .RecentlyViewed .scrollRowWrapper .line {width:95%; position: absolute;top:185px; border-bottom:1px dotted #C6C6C6;left:2%; }
.msie7 .RecentlyViewed .scrollRowWrapper .line {width:100%; position: absolute;top:170px; border-bottom:1px dotted #C6C6C6;left:0; }

.RecentlyViewed .recentlyViewedGroupWrapper
{ 
    position: relative 
}
                                        
 .RecentlyViewed .clip
{
    background-position: -7px 12px;
    overflow: hidden;
    float: left;
    width: 855px;
    background-repeat: repeat-x;
    height:182px;
    -ms-touch-action: none;
}   

.msie7 .RecentlyViewed .clip{position:relative;}

 .RecentlyViewed .clip.noBackground{ background:none;}

.RecentlyViewedWrapper .loader{width:50px; text-align:center; margin: 41px auto; height:50px; color:#797979; font-weight: bold;}
 .RecentlyViewedWrapper .loader img{ margin-bottom:3px;}
.RecentlyViewed .scrollControl{ width:38px; height:100px;float:left; padding-left:13px; padding-top:46px;}
.RecentlyViewed .scrollControl.right{float:right;  padding-left:0px; padding-right:6px;}                               
.RecentlyViewed ul                       
{
    list-style: none;
    margin: 15px 0 0 21px;
    padding: 0;
    display: block;
    clear: both;
    position: relative;
    height: 130px;
    left: 0;
}

.RecentlyViewed ul li                    
{
    margin: 0;
    display: block;
    width: 66px;
    float: left;
    margin-left: 11px;
    margin-right:8px;
    height: 99px;
    padding: 4px;
    background-color: #fff;
    border:1px dotted transparent;
 }
 
 .msie8 .RecentlyViewed ul li,
.msie7 .RecentlyViewed ul li          { margin-left: 12px; margin-right:7px; margin-top: -1px; }

.RecentlyViewed ul li:hover,
.RecentlyViewed ul li.lastViewed           
{
    border-color:#C7C5C5;
}

.ie11TouchDevice .RecentlyViewed ul li:hover { margin-left: 12px; margin-right:7px; margin-top: -1px; }

.RecentlyViewed ul li a                 { text-decoration: none; height:99px; position: relative; z-index:50; overflow:hidden; display:table-cell; vertical-align:middle; margin:0; padding:0;}

.RecentlyViewed ul li a::before
{
    display:block;
    content:'';
    position:absolute;
    width:66px;
    height:99px;
    top:0px;
}

.msie8 .RecentlyViewed ul li a::before,
.msie7 .RecentlyViewed ul li a::before
{
    display:none;
    }

.mozilla .RecentlyViewed ul li a::before{top:4px;}

.msie8 .RecentlyViewed ul li a img,
.msie7 .RecentlyViewed ul li a img{ top:-1px; left:-1px; }

.msie8 .RecentlyViewed ul li a ,
.msie7 .RecentlyViewed ul li a { top:-1px; left:-1px; }

.RecentlyViewed ul li a img             { width: 66px;  margin:0;  }
.RecentlyViewed ul li span              { font-weight: bold; clear: both; display: block; text-align: center;margin-top:10px; }

.RecentlyViewed ul li span.longText     {font-size:9px;}

.RecentlyViewed ul li.lastViewed        
{
    border-style:solid;
}

.msie7 .RecentlyViewed ul li        	{ margin-top: 2px; }

.RecentlyViewed ul li.inBag:before      
{
    content: "inbag";
    text-indent: -999em;
    display: block;
    width: 66px;
    height: 13px;
    background: url(https://www.next.co.uk/Images/Structural/RecentlyViewed/inBagTop.png) no-repeat;
    margin-top: -17px;
    margin-bottom:5px;
}

.mozilla .RecentlyViewed ul li.inBag span { margin-top: 1px; }

.RecentlyViewed .controls               
{ 
    clear: both; 
    height: 6px; 
    padding: 7px 0px; 
    width:950px; 
    border-bottom: 1px dotted #C6C6C6;
}

.RecentlyViewed .controls h3            
{ 
    display: block; 
    float: left; 
    font-size: 20px; 
    margin-left: 370px; 
    font-family:'azo-sans', Sans-Serif;
    font-weight:300;
    width:190px;
    padding:0 10px;
    background:#FFFFFF;
    margin-bottom:0;
    text-align:center;
    text-transform:uppercase;
}

.RecentlyViewed .controls a {
    font-size:11px;
}

.RecentlyViewed .controls a:hover{
    text-decoration:underline;
}

.RecentlyViewed .controls a.clearAll     
{
    float: left;
    margin: 9px 0px 0 0;
    background:#FFFFFF;
    padding:0 10px;
}

.RecentlyViewed .controls a.clearAll.disabled {
    cursor: default;
    color: #ccc;
}

.RecentlyViewed .viewCounter            { color: #464646; display: block; float: left; border: 2px solid #464646; border-radius: 7px; padding: 2px 0px 2px 0px; margin-top: -2px; margin-right: 9px; font-size: 11px; width: 18px; text-align: center; height: 14px; }
.RecentlyViewed .controls .controlsRight
                                        { float: right; margin-top: -4px; }
.RecentlyViewed .scrollNav
{
    background-repeat: no-repeat;
    width: 19px;
    height: 42px;
    display: block;
    float: left;
    text-indent: -1000px;
    overflow: hidden;
    background-image: url('https://www.next.co.uk/Images/Structural/RecentlyViewed/scrollerArrowStates.png');
}

.RecentlyViewed .scrollNav.previous{ background-position: 0 0;  }
.RecentlyViewed .scrollNav.next { background-position: -18px 0; }
.RecentlyViewed .scrollNav.previous.disabled{ background-position: -36px 0px;cursor:default;}
.RecentlyViewed .scrollNav.next.disabled { background-position: -54px 0px;cursor:default;}

.RecentlyViewed .controls  a.viewAll    { font-weight: bold; color: #666; padding: 5px 13px; 
                                          
                                            background: #efefef; /* Old browsers */
                                            background: -moz-linear-gradient(top,  #efefef 0%, #c6c6c6 100%); /* FF3.6+ */
                                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
                                            background: -webkit-linear-gradient(top,  #efefef 0%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
                                            background: -o-linear-gradient(top,  #efefef 0%,#c6c6c6 100%); /* Opera 11.10+ */
                                            background: -ms-linear-gradient(top,  #efefef 0%,#c6c6c6 100%); /* IE10+ */
                                            background: linear-gradient(to bottom,  #efefef 0%,#c6c6c6 100%); /* W3C */
                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
                                          -moz-border-radius: 5px; 
                                          -webkit-border-radius: 5px; border-radius: 5px; border: 0px solid #b85f00; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5); box-shadow: 0px 1px 3px rgba(000,000,000,0.5); }
.RecentlyViewed .controls  a.viewAll:hover
{ 
    color: #29ACA0 
}

.RecentlyViewed div.newDay              
{ 
    color: #000; 
    font-size: 11px; 
    font-weight: bold; 
    border-left: 2px  dashed #fff; 
    display: block; 
    width: 70px; 
    position: absolute; 
    padding-top: 150px; 
    margin-top: -125px; 
    margin-left: -14px; 
    padding-left: 9px; 
    height: 50px; 
    overflow: hidden; 
}
.RecentlyViewed .recentlyViewedGroupWrapper .dayWrapper ul
                                        { margin-left: 0; margin-top:14px;  }
                                        
.RecentlyViewed .recentlyViewedGroupWrapper .dayWrapper p
                                        { color: #000; font-size: 11px; }
                                                 
.RecentlyViewed .recentlyViewedGroupWrapper .dayWrapper
{
    background-position: left bottom;
    height: 182px;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
    background-image: url('https://www.next.co.uk/Images/Structural/RecentlyViewed/daySeparator.png');
    background-repeat: no-repeat;
}

.RecentlyViewed .recentlyViewedGroupWrapper .dayWrapper.RTL
{
    background-position: right bottom;
}

.RecentlyViewed .recentlyViewedGroupWrapper .dayWrapper h2
{
    background-position: right 3px;
    margin-top: 163px;    
    position: absolute;
    font-size: 11px;
    margin-left: 13px;
    background-image: url('https://www.next.co.uk/Images/Structural/RecentlyViewed/dayArrow.png');
    background-repeat: no-repeat;
    padding-right: 18px;
}

.RecentlyViewed .recentlyViewedGroupWrapper .dayWrapper h2.RTL
{
    background-image: url('https://www.next.co.uk/Images/Structural/RecentlyViewed/dayArrowRTL.png');
    background-position: left;
    padding-left: 18px;
    padding-right: 0px;
    margin-right: 13px;
}

.RecentlyViewed .emptyMessage {
    display: none;
    width: 380px;
    height: 60px;
    padding: 19px;
    border: 1px solid #C6C6C6;
    background-color: #fff;
    margin: 15px auto;
    text-align: center;
}

.RecentlyViewed .emptyMessage span {
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
    font-family: Sans-Serif;
}

.RecentlyViewed .errorMessageBlock {
    display: none;
    width: 380px;
    height: 25px;
    padding: 25px 19px;
    border: 1px solid #C6C6C6;
    background-color: #fff;
    margin: 25px auto;
    color: #222;
    text-align: center;
    font: 16px Sans-Serif;
}

.RecentlyViewed .errorMessageBlock a {
    font-weight:bold;
}
   
  .RecentlyViewedWrapper.inPage .emptyMessage        {margin-top:25px;}
  
/* View All Styling */
.RecentlyViewedAll                      { margin: 0 auto; width: 1000px; }
.RecentlyViewedAll .headerToolBar
{
    height: 55px;
    width: 977px;
    padding-top: 15px;
    background-image: url('https://www.next.co.uk/Images/Structural/RecentlyViewed/viewAllHeader.png');
    background-position: 0 45px;
    background-repeat: no-repeat;
    display: block;
    margin-left:17px;
}
.RecentlyViewedAll .headerToolBar  h1   { font-size: 15px; font-weight: bold; }
.RecentlyViewedAll .dayWrapper          { float: left; }
.RecentlyViewedAll .groupWrapper        {margin-left:17px;}
.RecentlyViewedAll .groupWrapper ul     { list-style: none; float: left;  padding: 0; margin:0; }
.RecentlyViewedAll .groupWrapper ul li  { display: block; float: left; margin: 0 38px 20px 0; height: 291px; width: 146px; border-bottom: 1px solid #c3c3c3; }
.RecentlyViewedAll .groupWrapper ul li.inBag
{
    background-image: url('https://www.next.co.uk/Images/Structural/RecentlyViewed/inBag.png');
    background-repeat: no-repeat;
    background-position: center 218px;
}
.RecentlyViewedAll h2                   { width: 965px; margin: 15px 0; border-bottom: 1px solid #ccc; padding: 9px 0 5px 0; height: 20px; font-weight: bold; color: #434343; }
.RecentlyViewedAll h3                   { font-weight: normal; margin-top: 5px; }
.RecentlyViewedAll .groupWrapper ul  li p.price
                                        { font-weight: bold; margin-top: 5px; }
.RecentlyViewedAll .groupWrapper ul li img.itemShot
                                        { width: 144px; height: 216px; border: 1px solid #c3c3c3; }
.RecentlyViewedAll .groupWrapper ul li.inBag img.itemShot{margin-bottom:17px;}