﻿#menu_categories{
  height: 285px;
  width: 200px;
  margin: 10px auto;
  padding: 0;
  background: url(images/us_menu_back.png) 0 0 scroll;
}
ul.menu{
  width: 200px;
  list-style: none;
  padding:0;
  margin: 0;
  position: relative;
  top: 60px;
  display: block;
  clear: both;
}
.menu li{
  display: block;
  margin: 0 0;
  padding: 0;
}
.menu li a:link,
.menu li a:visited{
  height: 30px;
  width: 200px;
  display: block;
  font-size: 14px;
  line-height: 30px;
  text-indent: 20px;
}
.menu li a:hover{
  color: #FFF;
  background: #b92c92 url(images/us_menu_sprite-hover.png) no-repeat 10px 4px scroll;
  text-indent: 45px;
}
.menu li a:active,
.menu li a.active{
  color: #FFF;
  font-weight: bold;
  background: #FAA635 url(images/us_menu_sprite-active.png) no-repeat 10px 4px scroll;
  text-indent: 45px;
}
#menu_bottom{
  margin: 0 auto;
  text-align: center;
  vertical-align: bottom;
}

#menu_facebook
{
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  vertical-align: bottom;
}
#SizeChart
{
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  vertical-align: bottom;
}

/* Top Menu
----------------------------------------------------------*/
#menucontainer{
  position:relative;
  top: 8px;
  margin: 0 25px 0 0;
}
ul#menu{
  padding: 0 0 2px;
  position: relative;
  margin: 0;
  text-align: right;
}

ul#menu li{
  display: inline;
  list-style: none;
}

ul#menu li a{
  padding: 10px 20px;
  font-weight: lighter;
  text-decoration: none;
  line-height: 2.8em;
  color: #FFF;
}

ul#menu li a:hover{
  color: #FAA635;
  text-decoration: none;
}

ul#menu li a:active{
  background-color: #FAA635;
  color: #FFF;
  text-decoration: none;
}

ul#menu li.selected a{
  background-color: #fff;
  color: #000;
}


/* Urbane Logo
-----------------------------------------------------------------*/
.qitem {  
    /* width and height must be even number */  
    width:200px;
    height:100px;
      
    /* some styling for the item */  
    border:0px solid #222;    
    margin:5px 5px 5px 0;  
    background: url('images/LSLogo.png') no-repeat;  
      
    /* make sure the four divs are hidden after changing the position */  
    overflow:hidden;  
      
    /* absolute position enabled for children elements*/  
    position:relative;
    left: 25px;
      
    /* display item in single row */  
    float:left;
      
    /* hand symbol for ie and other browser */  
    cursor:hand; cursor:pointer;  
}  
  
    .qitem img {  
        border:0;  
    }  
  
    /* styling for caption, position absolute is a must to set the z-index */  
    .qitem .caption {  
        position:absolute;  
        z-index:0;    
        color:#96108f;  
        display:block;  
    }  
  
        .qitem .caption h4 {  
            font-size:12px;  
            padding:10px 5px 0 8px;  
            margin:0;  
            color:#96108f;  
        }  
  
        .qitem .caption p {  
            font-size:10px;   
            padding:3px 5px 0 8px;  
            margin:0;  
        }  
  
  
  
/* Generic setting for corners */  
.topLeft, .topRight, .bottomLeft, .bottomRight {  
    /* allow javascript to move the corners */  
    position:absolute;  
    background-repeat: no-repeat;   
    z-index:200;  
}  
  
/* set the background position for different corners */  
.topLeft {  
    background-position: top left;    
}   
  
.topRight {  
    background-position: top right;   
}   
  
.bottomLeft {  
    background-position: bottom left;   
}   
  
.bottomRight {  
    background-position: bottom right;   
}  
  
.clear {  
    clear:both;   
}  