h2#page-title {
  display:none;
}

#featurepanel {
  margin:0px 12px 0px 0px !important;
  padding-left:0px !important;
  width:480px !important;
  border:0px !important;
}

h3#expert-cats-title{
  background:#cccccc !important;
  padding:6px;
  font-size:1.667em;
  font-weight:normal;
}

div#expertcats {
  overflow:hidden;
}

div#expertcats ul {
  overflow:hidden;
  width:100%;
  margin:6px;
}

div#expertcats ul li {
  width:40%;
  clear:none !important;
  background:url(/img/li-charcoal-sq.gif) left center no-repeat ;
  float:left;
  padding:0px 0px 0px 18px !important;
  margin:3px 0px !important;
}

div#expertcats ul li.over ,
div#expertcats ul li:hover ,
div#expertcats ul li.active {
  background:url(/img/li-red-sq.gif) left center no-repeat ;
}

div#expertcats ul li.active a {
  font-weight:bold;
  text-decoration:underline;
}

#expertlist {
  overflow:hidden;
  height:185px;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

#expertlist h3 {
  margin:3px 0px 3px 12px;
}

#expertlist ul {
  margin:0px;
  padding:0px;
}

#expertlist li {
  float:left;
}

#expertlist li.active img,
#expertlist li.over img,
#expertlist li:hover img {
  border: 1px solid #f00;
}


/**
 * 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: 105px;
    height: 145px;
    margin:0px 0px;
    padding: 3px;
}
.jcarousel-list li img,
.jcarousel-item img {
  border: 1px solid #fff;
}


/**
 * 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 center no-repeat;
    margin-top:3px;
    width:26px;
    height:105px;
}

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

.jcarousel-prev-disabled {
  background:url(/img/scroll-left-inactive.gif) left center no-repeat !important;
}

.jcarousel-next-disabled {
  background:url(/img/scroll-right-inactive.gif) left center no-repeat !important;
}


/**
* Expert Profile
**/

#expert-profile {
  padding:6px;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

ul#profilepoints {
  list-style:none;
  margin:6px 0px;
  padding:0px;
}

ul#profilepoints li {
  background:url(/img/li-charcoal-sq.gif) left no-repeat;
  padding-left:15px;
}

#expert-profile div.text p {
  margin:2px 0px;
}


/**
* Expert Question Item
*/

#question-item {
  padding:6px;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}


#question-item #expert-profile-box {
  float:right;
  background:#ebebec url(/img/expert-profile-box-bg.png) top left repeat-x;
  border:solid 1px #cdcdcd;
  padding:0px;
  width:250px;
  height:93px;
}

#question-item #expert-profile-box div.txt {
  font-size: 0.917em;
  padding:6px;
  color:#777676;
  float:left;
}

#expert-profile-box div.txt h3 {
  font-size:1.273em;
  margin-top:1em;
  margin-bottom:0.1em;
}

#expert-profile-box div.txt h3 a,
#expert-profile-box div.txt h4 a
 {
  color:#777676;
}

#question-item #expert-profile-box img {
  float:right;
  margin:0px 0px 0px 6px;
  padding:0px;
  width:93px;
  height:93px;
}

#question-item p.question {
  background:url(/img/q.gif) top left no-repeat;
  padding:0 0 12px 20px;
  margin:6px 0px 12px 0px;
}

#question-item div.answer {
  background:url(/img/a.gif) top left no-repeat;
  padding:0 0 12px 20px;
  margin:6px 0px 12px 0px;
}


span.expcat a{
  font-family:arial;
  font-size: 0.727em;
  color:#6d6e71;
}


/**
* Items list
*/

#qandalist {
  overflow:hidden;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

#qandalist ul {
  list-style:none;
  margin:0px;
  padding:6px;
}

#qandalist ul#questions-list li {
  background:url(/img/li-q-hp.gif) top left no-repeat;
  padding:0 0 12px 20px;
  margin:6px 0px 12px 0px;
  border-bottom:dotted 2px #cccccc;
}


/**
* ASK A QUESTION
**/

#qandapage {
  overflow:hidden;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  padding:6px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

#qandapage label {
  width:10em;
  float:left;
}

#qandapage input.text {
  background:url(/img/input-bg.gif);
  padding:0px 5px;
  width:240px;
  w\idth:230px;
  height:21px;
  line-height:21px;
  border:0px;
}

#qandapage textarea.text {
  background:url(/img/text-area-bg.gif) no-repeat;
  padding:0px 5px;
  width:240px;
  w\idth:230px;
  height:80px;
  border:0px;
  margin-bottom:12px;
}


label.error {
  float:right !important;
  width:150px  !important;
  text-align:left;
}