@charset "utf-8";

/*********
* LAYOUT *
*********/

/* slideshow */
#slideshow {
  position: relative;
  
  display: block;
  height: 360px;
  width: 424px;
  
  overflow: hidden;
}
#slideshow .item {
  position: absolute;
  display: block;
}
#slideshow .item dt {
  padding: 0 2px 5px 2px;
  font-size: 12px;
}
#slideshow .item dt p {
  margin: 0;
  padding: 0;
}

/**********
* CONTENT *
**********/

#content {
  min-height: 500px;
}

/* fonts */
#content h1 {
  background-image: url('../../images/common/bracket_left.grey.large.gif');
  background-repeat: no-repeat;
  background-position: left center;
  
  margin: inherit 0 35px 0;
  padding: 16px 0 16px 10px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  color: #565656;
}
#content h1 span {
  background-image: url('../../images/common/bracket_right.grey.large.gif');
  background-repeat: no-repeat;
  background-position: right center;
  
  margin: 0;
  padding: 16px 10px 16px 0;
}
#content h1 span a {
  color: #565656;
  text-decoration: none
}

#content span.headline {
  display: block;
  color: #e41f29;
  font-weight: bold;
  border-bottom: 1px #e41f29 solid;
  font-size: 12px;
}

#content #content-float {
  float: left;
  width: 440px;
  padding-top: 30px;
}

/* sidebar */
#content #sidebar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  
  width: 213px;
  height: 350px;
  
  margin: 0;
  padding: 50px 25px 0 0;
  
  background-color: #e5202a;
  
  font-size: 11px;
  color: #FFFFFF;
}

#content #sidebar-float {
  position: relative;
  float: right;
  z-index: 100;
  
  width: 213px;
  height: 350px;
  
  margin: 0 0 20px 0;
  padding: 50px 25px 0 0;
  
  background-color: #e5202a;
  
  font-size: 11px;
  color: #FFFFFF;
}

#content #sidebar h3, #content #sidebar-float h3{
  color: #FFFFFF;
  padding: 4px 0 4px 23px;
  font-size: 12px;
  
  background-image: url('../../images/common/bracket_left.small.gif');
  background-repeat: no-repeat;
  background-position: 15px center;
}
#content #sidebar h3 strong, #content #sidebar-float h3 strong{
  padding: 4px 8px 4px 0;
  
  background-image: url('../../images/common/bracket_right.small.gif');
  background-repeat: no-repeat;
  background-position: right center;
}
#content #sidebar ol, #content #sidebar-float ol {
  list-style-type: decimal;
  list-style-position: inside;
  
  margin: 25px 0 0 0;
  padding: 0;
}
#content #sidebar ol li, #content #sidebar-float ol li {
  padding: 3px 0 3px 25px;
}
#content #sidebar ol li a, #content #sidebar-float ol li a {
  text-decoration: none;
  color: #FFFFFF;
}
#content #sidebar ol li a:hover, #content #sidebar-float ol li a:hover{
  text-decoration: underline;
}
#content #sidebar ol li.active, #content #sidebar-float ol li.active {
  color: #e41f29;
  background-color: #FFFFFF;
  font-weight: bold;
}
#content #sidebar ol li.active a, #content #sidebar-float ol li.active a {
  color: #e41f29;
  text-decoration: none;
}
#content #sidebar .comparisons,
#content #sidebar-float .comparisons {
  position: absolute;
  top: 410px;
  left: 0;
}
#content #sidebar a.comparison,
#content #sidebar-float a.comparison {
  text-decoration: none;
  font-size: 12px;
  padding: 0px 0 2px 30px;
  display: block;
  background-image: url('../../images/common/li_bullet_red.gif');
  background-position: left center;
  background-repeat: no-repeat;
}
#content #sidebar .comparisons br,
#content #sidebar-float .comparisons br {
	display: none;
}