#pageheader{
  padding-bottom:12px;
}


div#featurepanel {
  border:0px !important;
}

div#headerleft{
  width:440px;
  height:290px;
  overflow:hidden;
  float:left;
}

div#headerleft h2.partners{
  background:url(/img/partners-logo.gif) center center no-repeat;
  margin:100px 0px;
  height:90px;
}

div#headerleft h2 span{
  position:absolute;
  top:-999999px;
  left:-999999px;
}

#mainpartnerimage{
  margin:12px auto;
}
#partnerimagecont{
text-align:center;
}

div#featurepanel p#partnernotes{
  position:absolute;
  bottom:0px;
  left:0px;
  padding:6px;
  text-align:left;
}

div#featurepanel div#partnerslist{
  height:85px;
  /*overflow:hidden;*/
}

div.jcarousel-container {
  width:455px;
  height:85px;
  border:solid 2px #CED0D1;
  /*overflow:hidden;*/
}

div#partnerslist ul{
  float:left;
  margin:3px 0px;
  padding:0px;
  width:350px;
  height:75px;
  overflow:hidden;
}

div#partnerslist ul li{
  clear:none;
  float:left;
  padding:3px 3px;
  margin:1px 10px;
  width:75px;
  height:69px;
}

div#partnerslist ul li a,
div#partnerslist ul li a img {
  display:block;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    float:left;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    list-style-image:none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 69px;
    margin:0px 6px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    float:right;
    display: block;
    background:url(/img/scroll-right.gif) left no-repeat;
    margin-top:3px;
    width:26px;
    height:69px;
}

.jcarousel-prev {
    z-index: 3;
    float:left;
    display: block;
    margin-top:3px;
    background:url(/img/scroll-left.gif) left no-repeat;
    width:26px;
    height:69px;
}




/**
* Partner content by category section
**/

div#bizcats {
  border:solid 2px #CED0D1 ;
  margin-bottom:12px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

div#bizcats h3 {
  background-color:#ebebec;
  font-size: 	1.167em;
  padding:6px;
}

div#bizcats ul {
  overflow:hidden;
  margin:3px 0px;
  padding:0px;
  width:100%;
}

div#bizcats ul li {
  list-style:none;
  list-style-image:none;
  background:url(/img/li-charcoal-sq.gif) left no-repeat;
  margin:3px 3px 3px 20px;
  padding-left:12px;
  float:left;
  width:25%;
}

div#bizcats ul li a {
  color:#000000;
}

div#bizcats ul li.current,
div#bizcats ul li.over {
  background:url(/img/li-red-sq.gif) left no-repeat !important;
}

div#bizcats ul li.current a{
  color: #ff0000;
  text-decoration:none;
  font-weight:bold;
}

h3 a.bizcat {
  color:#6D6E71;
  font-size:0.727em;
}
