/***
 * Basic and by no means production ready styles.
 */

/* Some reset styles */
#nav ul,
#nav .menu-columns,
#nav .menu-column {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    border: none;
    padding: 0px;
    margin: 0px;
    width: auto;
}

#nav ul span, #nav ul li.last li span {
    padding: 0;
}

#nav-wrapper {
    position: relative;
}

#nav div {
    position: static;
    width: auto;
    top: auto;
    left: auto;
    background: transparent;
    padding: 0px;
    border: none;
}

#nav li {
    position: static;
}

#nav .menu-columns {
    display: none;
    position: absolute;
    padding: 20px;
    background: #FFF;
    top: 60px;
    left: 0px;
}
#nav .columns-3 {
    /*width: 920px;*/
}
#nav .columns-2 {
    width: 610px;
}

#nav .menu-column {
    float: left;
    width: 195px;
    background: transparent;
    margin-right: 10px;
}
#nav .menu-column.last {
    margin-right: 0px;
}



#nav {list-style:none; display:block;clear:both; min-height: 35px; border-radius: 5px 5px 0 0 ; color: #333; position: relative;top:13px; margin:0px;

  background-color: #435058;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

#nav li.level-top.first{ border-radius: 5px 0 0;}
/*#nav li.level-top.last{ border-radius: 0 5px 0 0;}*/

#nav li.level-top:hover > a{ color: #7AC72D; text-decoration: none; }

#nav li.level-top {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius:0;
}


#nav .columns-3 { /*width: 1168px;*/ margin-left: 0px; }
#nav .menu-columns {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #78d31e;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 38px;
    z-index: 999;
}
#nav li { float: left;}
#nav li.level-top {  border-right: 1px solid #A6E82F; }
/*#nav li.last { border-right:none}*/
#nav li a { color: #eee; font-weight: 400;padding: 9px 6.5px 8px;display: block;}
#nav > li > a {font-size: 12px;text-transform: uppercase;}
#nav li a:hover {text-decoration: none;}

#nav .menu-column h3 {color: #7AC72D;border-bottom:1px dashed #ccc;display:inline;padding-bottom: 4px;margin-bottom: 15px;font-size: 1.05em;}
#nav .menu-column { padding: 10px; }
#nav .menu-column ul {list-style:none; padding-top:10px;}
#nav .menu-column ul li {float:none !important;}
#nav .menu-column li a{ padding: 3px 6px 3px; }
#nav .menu-column.first {}
#nav .menu-column.last { background: #fff;min-height: 370px;}

.menu-column.last h3 {margin-left: 10px;}
.menu-column.last p {margin-left: 10px;padding-top: 10px}

  #nav .string .menu-columns { left: 66px}
  #nav .grips .menu-columns { left: 115px}
  #nav .accessories .menu-columns { left: 157px}
  #nav .ball-machines .menu-columns { left: 242px}
  #nav .stringing-tools .menu-columns { left: 334px}
  #nav .balls .menu-columns { left: 439px}
  #nav .tennis-balls .menu-columns { left: 439px}
  #nav .apparel .menu-columns { left: 303px}
  #nav .shoes .menu-columns { left: 353px}
  #nav .bags .menu-columns { left: 553px}
  #nav .table-tennis .menu-columns { left: 502px;width: 666px}
 /* Dodgy quick - hide shop by type - don't criticise, we've all had to do it at some stage 
  #nav .clearance .menu-columns .menu-column:nth-child(3),
  #nav .other .menu-columns .menu-column:nth-child(3),
  #nav .new .menu-columns .menu-column:nth-child(3) { display:none;}*/
  #nav .clearance .menu-columns { left: 711px}
  #nav .new .menu-columns { left: 560px}
  #nav .other .menu-columns { left: 502px}
  #nav .gift-ideas .menu-columns { left: 502px}
  #nav .junior-tennis .menu-columns { left: 502px;width:666px;}
  #nav .string-machines .menu-columns { left: 728px}