﻿
#mainContent {
    margin: 30px 50px 26px 30px;
    display: inline;
    width: 700px;
    text-align: left;
}  

h1 {
    background: transparent url(../../images/shopping/headStoreDirectory.gif) top left no-repeat;
    height: 20px;
    margin-bottom: 6px;
    width: 289px;
}

#storeDirTop {
    margin-bottom: 10px;
    width: 700px;
}

#tab-menu {
    float: right;
    margin-top: 6px;
    margin-bottom: 3px;
}

#tab-menu li.last a {
    border-right: none;
    padding-right:0;
}

#tab-menu li {
    float:right;
    font-size:11px;
    letter-spacing:normal;
    margin:0 0.2em -1px 0;
    padding:0;
}

#tab-menu li a {
    border-right:1px solid #946740;
    color:#8B5832;
    font-weight:normal;
    line-height:12px;
    padding:0 17px;
    text-decoration:none;
    text-transform:uppercase;
}

#tab-menu li.selected a, #tab-menu a:hover {
    color:#fff;
    text-decoration:none;
}

.tabsPanel {
    background:transparent none repeat scroll 0 0;
    border-bottom:1px solid #231F20;
    border-top:1px solid #231F20;
    border-width:1px 0;
    clear: both;
    display:block;
    padding:7px 0;
}

.tabsPanel a:hover {
    color: #fff;
}

#letters, #categories, #neighbourhoods {
    width: 700px;
}

#letters {
    text-align: right; 
    text-transform: uppercase; 
}
  
#letters a {
    border-right: 1px solid #000;    
    padding: 0 3px;    
    text-decoration: none;
    font-size: 13px;
}

#letters a:hover, #letters a.selected {
    text-decoration: underline;
    color: #fff;
}

#letters a.disabled:hover {
    color: #000;
    cursor: default;    
    text-decoration: none;
}

#categories {
    text-align: left;
    padding-top: 8px;
    padding-bottom: 0;
}

#categories div {
    float: left;
    width: 33%;
}

#categories div.clear {
    float: none;
}

#categories a { 
    background: transparent url(../../images/wrap/smallArrowBlack.gif) left 4px no-repeat;
    font-size: 12px;
    padding-left: 10px;
    text-decoration: none;   
    margin-bottom: 8px;  
    margin-right: 5px;  
    float: left;
    width: 217px;    
    }

#categories a:hover, #categories a.selected { 
    background: transparent url(../../images/wrap/smallArrowWhite.gif) left 4px no-repeat;
    color: #fff;
}

#hoodList {
    float: left;
    padding-top: 10px;
    width: 409px;   
    line-height: 16px;
}

#hoodList li {
    margin-bottom: 4px;
    width: 250px;
}

li.All {
    background: transparent url(../../images/shopping/circles/all.gif) 13px 50% no-repeat;
}

li.fashion {
    background: transparent url(../../images/shopping/circles/fashion.gif) 13px 50% no-repeat;
}

li.sport {
    background: transparent url(../../images/shopping/circles/sport.gif) 13px 50% no-repeat;
}

li.entertainment {
    background: transparent url(../../images/shopping/circles/entertainment.gif) 13px 50% no-repeat;
}

li.ranch {
    background: transparent url(../../images/shopping/circles/ranch.gif) 13px 50% no-repeat;
}

li.resources {
    background: transparent url(../../images/shopping/circles/resources.gif) 13px 50% no-repeat;
}

li.happy-trails-food-court {
    background: transparent url(../../images/shopping/circles/happyTrails.gif) 13px 50% no-repeat;
}

li.fossils {
    background: transparent url(../../images/shopping/circles/fossils.gif) 13px 50% no-repeat;
}


#hoodList a {
    background: transparent url(../../images/wrap/arrowBlackr.gif) left 50% no-repeat;
    font-size: 13px;
    padding-left: 32px;    
    text-decoration: none;
}

#hoodList a:hover, #hoodList li.selected a {
    background: transparent url(../../images/wrap/arrowWhiter.gif) left 50% no-repeat;
    color: #fff;
}

#hoodList li.centre-aisle-carts-and-kiosks a {
    padding-left: 12px;
}

#hoodMap {
    float: left;
    height: 156px;
    padding-right: 15px;
    padding-top: 10px;
    width: 276px;
}

a.moreMargin {
    margin-bottom: 20px;
}

#mainContent p#viewing {
    margin-bottom: 20px;
    text-align: right;
}

.table1 a {
    background: transparent url(../../images/wrap/arrowBrownR.gif) left 6px no-repeat;
    color: #000;
    padding-left: 11px;
    text-decoration: none;
}

.table1 a.disabled,.table1 a:hover.disabled  {
color: #000;
 background: none;
}

.table1 a:hover {
    background: transparent url(../../images/wrap/arrowWhiteR.gif) left 6px no-repeat;
    color: #fff;
}

.table1 td.firstCol {
    width: 250px;
}

.table1 td.neighborCol {
    width: 100px;
}

.table1 td.findCol {
    width: 125px;
}

.table1 td.contactCol {
    font-size: 13px;
    width: 130px;
}

.phone {
    padding-left: 11px;
}

#storeDirName {
    font-size: 20px;
    line-height: 21px;
    padding-right: 20px;
}

#storeDirContact {
    padding-left: 10px;
}

#storeDirFooterNav { 
    margin-top: 18px;  
    padding-bottom: 10px;
}

#storeDirFooterNav a {
    color: #000;
    text-decoration: none;
}

#storeDirFooterNav a:hover, #storeDirFooterNav a.selectedPage,  #storeDirFooterNav a.selected {
    color: #fff;
    text-decoration: underline;
}

.itemsPerPage {
    font-size: 12px;
}

.itemsPerPage a:hover {
    color: #fff;
}

.paging {
    float: left;
    font-family: Verdana, Trebuchet MS, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    width: 65%;
}

.paging span.pageNum {
    padding-left: 12px;
    padding-right: 50px;
    text-transform: uppercase;
}

.paging a {
    margin: 0 2px;
}

.paging span.pagePrevious a {
    background: transparent url(../../images/wrap/arrowBrownL.gif) left 3px no-repeat;
    padding-left: 7px;
}

.paging span.pageNext a {
    background: transparent url(../../images/wrap/arrowBrownR.gif) right 3px no-repeat;
    padding-right: 7px;
}

.paging span.pagePrevious a:hover {
    background: transparent url(../../images/wrap/arrowWhiteL.gif) left 3px no-repeat;
}

.paging span.pageNext a:hover {
    background: transparent url(../../images/wrap/arrowWhiteR.gif) right 3px no-repeat;
}

#storeDirFooterNav .itemsPerPage {
    float: right;
    font-size: 12px;
    text-align: right;
    width: 35%;
}

#storeDirFooterNav .itemsPerPage a {
    border-right: 1px solid #231f20;
    padding: 0 6px;
}

#storeDirFooterNav .itemsPerPage a.last {
    border-right: none;
    padding-right: 0;
}
