/*
 * Tabs CSS
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal5-reference.css, line 510.)
 *
 */


div.tabs {
  margin: 0 0 5px 0;
}

ul.primary , ul.secondary{
        width:99%;
}

ul.primary {
border-bottom:1px solid #BBBBBB;
border-collapse:collapse;
height:auto;
line-height:normal;
list-style:none outside none;
margin:5px;
padding:0 0 0 1em;
white-space:nowrap;
font-size:15px;
}

ul.primary li {
  float: left;
  margin: 0;
  padding: 0;
}

ul.primary li a {
background-color:#FFFFFF;
color:#444444;
text-decoration:none;
}

ul.primary li a:hover {
background-color:#FF6633;
color:#FFFFFF;
text-decoration:none;
}

ul.primary li.active a {
background-color:#AAAABB;
border-color:#BBBBBB #BBBBBB #FFFFFF;
border-style:solid;
border-width:1px;
color:#FFFFFF;
}

ul.secondary {
  margin: 0;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #c0c0c0;
  list-style: none;
  white-space: nowrap;
  background: url(http://www.wyndhamgardenmettmann.com/sites/all/themes/garden/css/images/tabs/tab-secondary-bg.png) repeat-x left bottom;
}

ul.secondary li {
  float: left;
  margin: 0 5px 0 0;
  padding: 5px 0;
  border-right: none;
}

ul.secondary a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  color: #777;
  background: url(http://www.wyndhamgardenmettmann.com/sites/all/themes/garden/css/images/tabs/tab-secondary.png) repeat-x left -56px;
}

ul.secondary a .tab {
  display: block;
  height: 18px; /* 24px (parent) - 6px (padding) */
  margin: 0;
  padding: 3px 8px;
  line-height: 18px;
}

ul.secondary a:hover {
  background: url(http://www.wyndhamgardenmettmann.com/sites/all/themes/garden/css/images/tabs/tab-secondary.png) repeat-x left bottom;
}

ul.secondary a.active,
ul.secondary a.active:hover {
  border: 1px solid #c0c0c0;
  color: #000;
  background: url(http://www.wyndhamgardenmettmann.com/sites/all/themes/garden/css/images/tabs/tab-secondary.png) repeat-x left top;
}