#pageheader{
  padding-bottom:12px !important;
}

#casestudyheader{
  float:left;
  padding-left:12px;
  margin-left:6px;
  width:568px;
  w\idth:556px;
  height:290px;
  border-top:solid 2px #dbdbdb;
  border-bottom:solid 2px #dbdbdb;
  border-left:solid 2px #dbdbdb;
  position:relative;
}

#casestudyheader #casestudiescorner{
  background:url(/img/case-studies.gif) no-repeat;
  position:absolute;
  top:-1px;
  left:-1px;
  z-index:2;
  width:222px;
  height:97px;
}

#casestudyheader h2{
  margin-top:92px;
}


#casestudyheader ul{
 margin:12px 0px;
 padding:0px;

}

#casestudyheader ul li{
 list-style:none;
  margin:3px 0px;
  padding:3px 0px;
  border-bottom:dotted 1px #000000;
}


#nextcasestudy{
  border-top:solid 2px #dbdbdb;
  border-bottom:solid 2px #dbdbdb;
  border-right:solid 2px #dbdbdb;
  float:left;
  padding:0px;

  width:350px ;
  height:290px;
  position:relative;
}

#nextcasestudy img{
  position:absolute;
  bottom:3px;
  right:6px;
  z-index:0;
}

#nextcasestudy div.overlay{
  background:#000000;
  opacity:0.75;
  filter:alpha(opacity=75);
  position:absolute;
  bottom:3px;
  right:6px;
  z-index:2;
  width:338px;
  height:35px;
}

#nextcasestudy div.notes{
  color:#ffffff;
  position:absolute;
  bottom:3px;
  right:6px;
  z-index:20;
  width:338px;
  height:35px;
}

div.notes a{
  color:#ffffff;
  font-size:1.667em;
  line-height:35px;
  padding:0px 12px;
}



#casestudycontent{
  padding:12px;
}

#casestudytipbox{
  margin:12px 0px;
  background:#cccccc url(/img/white2grey.jpg) repeat-x;
  padding:12px;
}

#casestudytipbox p{
 color: #6d6e71 ;
 line-height:1.5em;
}

div.backrow{
  padding:3px;
  background:#e11e27;
  color:#ffffff;
  margin:6px -12px -12px -12px;
}

div.backrow a{
  color:#ffffff;
  padding:3px;
}

#csimages {
  float:right;
}

#csimages img {
  margin-bottom:12px;
  margin-left:12px;
}


/**
* category List
**/

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

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

#entcatlist li {
  float:left;
  font-weight:bold;
  width:auto !important;
  line-height:2.2em;
}

#entcatlist li.active a {
  color:#ff0000;
}


#entcatlist li a:hover {
  text-decoration:underline;
}

/**
 * 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: 195px;
    height: 3em;
    margin:0px 12px;
    padding: 3px;
}

/**
 * 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-sml.gif) 6px 3px no-repeat;
    margin-top:3px;
    width:26px;
    height:28px;
}

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

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

.jcarousel-next-disabled {
  background:url(/img/scroll-right-sml-inactive.gif) 0px 3px no-repeat !important;
}