body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  line-height: 14px;
  color: #231f20;
  background-color: #e3e3e3;
}
p {
  margin: 0;
  padding: 0 0 16px 0;
  line-height: 15px;
}
ol{
  margin: 0 0 14px 0;
  list-style-position: inside;
  list-style-type: decimal;
}
ul {
  margin: 0 0 14px 17px;
  list-style: disc outside url(../images/common/bg_ul.png);
}
img { border: 0; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 {
  clear: both;
}
u{
  text-decoration:underline;
}
sup{
  vertical-align:top;
  font-size:8px !important;
}
sub{
  vertical-align:bottom;
  font-size:8px !important;
}
h1 {
  position: relative;
  font-size: 35px;
  line-height: 35px;
  padding: 4px 104px 10px 10px;
  margin: 0 0 18px 0;
  background: #fff url(../images/common/bg_h1.png) left bottom repeat-x;
  color: #222222;
  font-weight:normal;
}
h1 .headingNewItem{
  font-size: 15px;
  color: #cc0000;
  vertical-align: top;
  display: inline-block;
  margin-top: 2px;
  height: 16px;
}
h1 a#addthis, h2.mainHeader a#addthis{
  position: absolute;
  display: block;
  bottom: 12px;
  right: 12px;
  height: 13px;
  font-size:11px;
  font-weight:normal;
  text-transform:none;
  color:#222222;
  padding-left:20px;
  padding-top:1px;
  background: transparent url(../images/common/addthis.png) left top no-repeat;
  white-space: nowrap;
}
h2 {
  position: relative;
  font-size: 24px;
  line-height: 24px;
  padding: 13px 12px 12px 12px;
  margin: 0 0 18px 0;
  background: #fff url(../images/common/bg_h1.png) left bottom repeat-x;
  color:#222222;
  font-weight:normal;
}
h3 {
  position: relative;
  font-size: 22px;
  line-height: 22px;
  margin: 0 0 12px 0;
  color:#222222;
  font-weight:normal;
}
.newsListRow .left h3 a, 
.newsListRow .full h3 a {
  color:#231f20 !important;
}
h1.topMargin{
  margin-top:10px;
}
h1.smallBottomMargin,
h2.smallBottomMargin,
h3.smallBottomMargin {
  margin-bottom: 10px !important;
}
h4.smallBottomMargin {
  margin-bottom: 4px !important;
}
h1.noBottomMargin,
h2.noBottomMargin,
h3.noBottomMargin {
  margin-bottom: 0;
}
h2.mainHeader {
  font-size: 35px;
  line-height: 35px;
  padding: 4px 104px 10px 10px;
  margin: 0 0 18px 0;
}
h1.subHeader {
  background: none;
  position: relative;
  font-size: 24px;
  line-height: 24px;
  padding: 4px 0 0 10px;
  margin: 0 0 14px 0;
  text-transform: none;
}
/** Links **/
a{
  color: #231f20;
  text-decoration: none;
}
a:hover,a:active { text-decoration: none; }
a.butGray, a.butRed, a.butDGray, a.butBlue, a.butLGray {
  float: left;
  display: block;
  height: 26px;
  line-height: 24px;
  padding-right: 10px;
  margin-right: 10px;
  color: #231f20;
  background: transparent url(../images/buttons/gray_end.png) right top no-repeat;
}
a.butRed { background-image: url(../images/buttons/red_end.png); }
a.butDGray { background-image: url(../images/buttons/dgray_end.png); }
a.butLGray { background-image: url(../images/buttons/lgray_end.png); }
a.butBlue { background-image: url(../images/buttons/blue_end.png); }
a.butGray span, a.butRed span, a.butDGray span, a.butLGay {
  float: left;
  display: block;
  height: 26px;
  padding-left: 10px;
  background: transparent url(../images/buttons/gray_start.png) left top no-repeat;
  cursor: pointer;
}
a.butGray.close {
  float: right;
  margin-right: 0;
  display: none;
}
a.butRed span { background-image: url(../images/buttons/red_start.png); }
a.butGray.add span { background-image: url(../images/buttons/addthis_start.png); padding-left: 27px; }
a.butDGray span { background-image: url(../images/buttons/dgray_start.png); }
a.butLGray span { background-image: url(../images/buttons/lgray_start.png); }
a.butBlue span { background-image: url(../images/buttons/blue_start.png); }
a.butGray.close span { background-image: url(../images/buttons/close_start.png); padding-left: 27px; }
a.butGray.selected, a.butGray:hover, a.butGray:active, 
a.butRed.selected, a.butRed:hover, a.butRed:active,
a.butDGray.selected, a.butDGray:hover, a.butDGray:active { background-position: right -26px; }
a.butGray.selected span, a.butGray:hover span, a.butGray:active span, 
a.butRed.selected span, a.butRed:hover span, a.butRed:active span, 
a.butDGray.selected span, a.butDGray:hover span, a.butDGray:active span { background-position: left -26px; }
a.butBack, a.butNext {
  float: left;
  display: block;
  height: 28px;
  font-size: 11px;
  font-weight: bold;
  line-height: 29px;
  padding: 0 20px 0 32px;
  background: transparent url(../images/buttons/bg_backbutton.png) left top no-repeat;
  border: 1px solid #eeeeee;
}
a.butBack:hover, a.butBack:active { background-position: left bottom; }
a.butNext {
  float: left;
  display: block;
  height: 28px;
  font-size: 11px;
  font-weight: bold;
  line-height: 29px;
  padding: 0 32px 0 20px;
  background: transparent url(../images/buttons/bg_nextbutton.png) right top no-repeat;
}
a.butNext:hover, a.butNext:active { background-position: right -28px; }
p.nextButMargin {
  clear: both;
  overflow: hidden;
  margin: 0 0 10px -10px;
}
#mainAreaData a.butNext.newWindow {
  background: transparent url(../images/buttons/bg_button.png) left top no-repeat;
  padding: 0 20px;
}
#mainAreaData a.butNext.newWindow:hover, 
#mainAreaData a.butNext.newWindow:active {
  background-position: left -28px;
}
#mainAreaData a.butNext.newWindow > i {
  display: inline-block;
  font-size: 14px;
  padding-left: 6px;
  vertical-align: middle;
}
#mainAreaData a.butNext.newWindow:hover > i, 
#mainAreaData a.butNext.newWindow:active > i {
  color: #000;
}
a.newsBut, a.newsBut span {
  display: block;
  width: 90px;
  cursor: pointer;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  background-image: url(../images/news/bg_buttons.png); 
  background-repeat: no-repeat;
}
a.newsBut { margin: 0 0 5px 0; }
a.newsBut.red { background-position: left bottom; }
a.newsBut.red span { background-position: left top; }
a.newsBut.dGray { background-position: -90px bottom; }
a.newsBut.dGray span { background-position: -90px top; }
a.newsBut.lGray { background-position: -180px bottom; }
a.newsBut.lGray span { background-position: -180px top; }
/** Links:END **/

/** Error handling **/
p.error {
  font-weight: bold;
  background: transparent url(../images/common/icon_error.png) left top no-repeat;
  padding-left: 20px;
}
p.success {
  font-weight: bold;
  background: transparent url(../images/common/icon_success.png) left top no-repeat;
  padding-left: 20px;
}
p.notice {
  font-weight: bold;
  background: transparent url(../images/common/icon_notice.png) left top no-repeat;
  padding-left: 20px;
}
/** Error handling:END **/

/** Wrapper **/
#wrapper{ background: #fff url(../images/frames/body.png) left top repeat-x; }
#wrapperInside{ background: transparent url(../images/frames/header.png) left top repeat-x; }
/** Wrapper:END **/

/** Header **/
#header{
  width: 950px;
  height: 38px;
  padding: 12px 10px 0 10px;
  margin: 0 auto;
  position: relative;
}
#header a.advSearch {
  float: right;
  line-height: 24px;
  color: #a3a2a2;
}
#header form#search {
  float: right;
  margin-right: 15px;
}
#header form#search #searchFieldBg {
  float: left;
  display: block;
  width: 150px;
  height: 25px;
  background: transparent url('../images/search/bg.png') left top no-repeat;
}
#header form#search #searchField {
  background:#FFFFFF none repeat scroll 0 0;
  border: 0;
  font-size: 11px;
  margin: 4px 0 0 5px;
  width: 132px;
  margin-left: 10px;
}
#header form#search #searchButton {
  border: 0;
  width: 42px;
  height: 25px;
  line-height: 25px;
  background: transparent url('../images/search/search.png') left top no-repeat;
  padding: 0;
}
/** Header:END **/

/** Main containers **/
#mainArea{
  overflow: hidden;
  position: relative;
  width: 950px;
  padding: 10px;
  margin: 0 auto -90px auto;
  background: #fff;
}
#logoArea {
  height: 94px;
  background: #efefef url(../images/header/inner_bg.png) left top repeat-x;
}
#logoArea a#power{
  float: left;
  margin: 23px 0 0 33px;
}
#logoArea a#brandt{
  float: right;
  margin: 25px 34px 0 0;
}
#mainImage {
  display: block;
  position: relative;
  width: 950px;
}
#cycleArea{
  display: block;
  position: relative;
  width: 950px;
  height: 350px;
  overflow:hidden;
}
#cycleArea #bigScroller{
  position: relative;
  z-index: 10;
}
a#scrollLeft, span#scrollLeft{
  position: absolute;
  background: transparent url(../images/cycles/prev.png) left top no-repeat;
  width: 23px;
  height: 45px;
  display: block;
  z-index: 100;
  top: 158px;
  left: 0;
}
a#scrollRight, span#scrollRight{
  position: absolute;
  background: transparent url(../images/cycles/next.png) left top no-repeat;
  width: 23px;
  height: 45px;
  display: block;
  z-index: 100;
  top: 158px;
  right: 0;
}
span#scrollRight, span#scrollLeft{
  background-position: left -45px;
}
#scrollerPagerCont{
  display: block;
  position: absolute;
  bottom: 7px; 
  z-index: 120; 
  margin: 0 auto;
}
#scrollerPagerCont a, #scrollerPagerCont span{
  background: transparent url(../images/cycles/pager.png) left top no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  float: left;
  margin: 0 3px 0 0;
}
#scrollerPagerCont a.activeSlide, #scrollerPagerCont span.activeSlide{
  background: transparent url(../images/cycles/pager.png) left -13px no-repeat;
}
#frontLeftArea {
  float: left;
  display: block;
  width: 720px;
  padding: 10px 0 10px 0;
}
#frontLeftArea .cycleAreaSmall {
  float: left;
  position: relative;
  display: block;
  width: 230px;
  height: 260px;
  margin: 0 10px 10px 0;
  background: #fff url(../images/cycles/small_bg.png) left bottom repeat-x;
}
#frontLeftArea .cycleAreaSmall h2 {
  display: block;
  height: 22px;
  line-height: 16px;
  font-size: 16px;
  color: #231f20;
  margin: 0;
  padding: 9px 5px 0 5px;
  text-align: center;
  font-weight: normal;
  background: #fff url(../images/cycles/small_header.png) left top no-repeat;
}
#frontLeftArea .cycleAreaSmall a.textLink,
#frontLeftArea .cycleAreaSmall span.textLink {
  overflow: hidden;
  display: block;
  font-size: 12px;
  height: 16px;
  width: 210px;
  margin: 10px 10px 5px 10px;
  text-align: center;
}
#frontLeftArea .cycleAreaSmall span.inner {
  overflow: hidden;
  display: block;
  width: 230px;
  height: 173px;
}

#frontLeftArea .cycleAreaSmall .frontScrollerSmall {
  overflow: hidden;
  position: relative;
  z-index: 10;
  display: block;
  width: 230px;
  height: 203px;
}
#frontLeftArea .cycleAreaSmall a.scrollLeftSmall, #frontLeftArea .cycleAreaSmall span.scrollLeftSmall{
  position: absolute;
  background: transparent url(../images/cycles/small_prev.png) left top no-repeat;
  width: 9px;
  height: 13px;
  display: block;
  z-index: 100;
  bottom: 6px;
  left: 10px;
}
#frontLeftArea .cycleAreaSmall a.scrollRightSmall, #frontLeftArea .cycleAreaSmall span.scrollRightSmall{
  position: absolute;
  background: transparent url(../images/cycles/small_next.png) left top no-repeat;
  width: 9px;
  height: 13px;
  display: block;
  z-index: 100;
  bottom: 6px;
  right: 10px;
}
#frontLeftArea .cycleAreaSmall a.scrollLeftSmall:hover, 
#frontLeftArea .cycleAreaSmall a.scrollLeftSmall:active, 
#frontLeftArea .cycleAreaSmall a.scrollRightSmall:hover, 
#frontLeftArea .cycleAreaSmall a.scrollRightSmall:active {
  background-position: left -13px;
}
#frontLeftArea .cycleAreaSmall span.scrollLeftSmall, #frontLeftArea .cycleAreaSmall span.scrollRightSmall{
  background-position: left -26px;
}
#frontLeftArea .cycleAreaSmall .scrollPagerSmall{
  display: block;
  position: absolute;
  bottom: 6px;
  z-index: 120; 
  margin: 0 auto;
}
#frontLeftArea .cycleAreaSmall .scrollPagerSmall a, #frontLeftArea .cycleAreaSmall .scrollPagerSmall span{
  background: transparent url(../images/cycles/pager.png) left top no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  float: left;
  margin: 0 3px 0 0;
}
#frontLeftArea .cycleAreaSmall .scrollPagerSmall a.activeSlide, #frontLeftArea .cycleAreaSmall .scrollPagerSmall span.activeSlide{
  background: transparent url(../images/cycles/pager.png) left -13px no-repeat;
}
#frontRightArea {
  float: right;
  display: block;
  width: 230px;
  padding: 10px 0 20px 0;
}
#frontRightArea ul#subNavi {
  margin: 0 0 10px 0;
}

#mainLeftColumn {
  float: left;
  display: block;
  width: 210px;
  font-size: 12px;
  padding: 10px 10px 20px 10px;
}
#mainLeftColumn h1, #mainLeftColumn h2 {
  margin-left: -11px;
  margin-right: -10px;
}
#mainLeftColumn a.leftArrowLink {
  display: block;
  font-weight:bold;
  background: #fff url(../images/common/bg_leftColumnLink.png) left center no-repeat;
}
#mainLeftColumn a.leftArrowLink:hover, #mainLeftColumn a.leftArrowLink:active {
  background-position: -210px center;
}
#mainLeftColumn .leftBlogImage {
  padding-top: 10px;
  margin: 0 -10px 16px -10px;
}

#mainCenterColumn {
  float: right;
  display: block;
  width: 710px;
  padding: 10px 0 20px 0;
  font-size: 12px;
}
#mainCenterColumn a{ color: #cc0000; }
#mainCenterColumn a:hover, #mainCenterColumn a:active {  color: #cc0000; }
#mainCenterColumn .blogImage {
  display: block;
  width: 170px;
  height: 128px;
  background-position: center center;
  background-repeat: no-repeat;
}
#mainCenterColumn .cycleArea {
  float: left;
  position: relative;
  display: block;
  width: 710px;
  height: 190px;
  margin: 0 0 10px 0;
  /*background: #fff url(../images/cycles/normal_bg.png) left bottom repeat-x;*/
}
#mainCenterColumn .cycleArea.minusLeftMargin {
  margin-left: -10px;
}
#mainCenterColumn .cycleArea .scrollerNormal {
  overflow: hidden;
  position: relative;
  z-index: 10;
  display: block;
  width: 710px;
  height: 165px;
}

#mainCenterColumn .cycleArea a.scrollLeftSmall, 
#mainCenterColumn .cycleArea span.scrollLeftSmall {
  position: absolute;
  background: transparent url(../images/cycles/small_prev.png) left top no-repeat;
  width: 9px;
  height: 13px;
  display: block;
  z-index: 100;
  bottom: 6px;
  left: 10px;
}
#mainCenterColumn .cycleArea a.scrollRightSmall,
#mainCenterColumn .cycleArea span.scrollRightSmall {
  position: absolute;
  background: transparent url(../images/cycles/small_next.png) left top no-repeat;
  width: 9px;
  height: 13px;
  display: block;
  z-index: 100;
  bottom: 6px;
  right: 10px;
}
#mainCenterColumn .cycleArea a.scrollLeftSmall:hover, 
#mainCenterColumn .cycleArea a.scrollLeftSmall:active, 
#mainCenterColumn .cycleArea a.scrollRightSmall:hover, 
#mainCenterColumn .cycleArea a.scrollRightSmall:active {
  background-position: left -13px;
}
#mainCenterColumn .cycleArea span.scrollLeftSmall, 
#mainCenterColumn .cycleArea span.scrollRightSmall {
  background-position: left -26px;
}
#mainCenterColumn .cycleArea .scrollPagerSmall {
  display: block;
  position: absolute;
  bottom: 6px;
  z-index: 120; 
  margin: 0 auto;
}
#mainCenterColumn .cycleArea .scrollPagerSmall a, 
#mainCenterColumn .cycleArea .scrollPagerSmall span {
  background: transparent url(../images/cycles/pager.png) left top no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  float: left;
  margin: 0 3px 0 0;
}
#mainCenterColumn .cycleArea .scrollPagerSmall a.activeSlide, 
#mainCenterColumn .cycleArea .scrollPagerSmall span.activeSlide {
  background: transparent url(../images/cycles/pager.png) left -13px no-repeat;
}
#mainCenterColumn .cycleArea .slide {
  /*background: #fff url(../images/cycles/normal_bg.png) repeat-x scroll left bottom;*/
  display: block;
  width: 720px;
  height: 165px;
  overflow:hidden;
}

.product{
  float: left;
  display: block;
  width: 170px;
  overflow: hidden;
  margin-right: 10px;
}
.product a{
  display:block;
}

#mainCenterColumn .productCycleArea .product {
  height: 208px;
}
#mainCenterColumn .product .image {
  display: block;
  height: 130px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  position:relative;
}
#mainCenterColumn .product .image .borders {
  display:block;
  position:absolute;
  width:170px;
  height:130px;
  border:1px solid #eeeeee;
  top:0;
  left:0;
  
}
#mainCenterColumn .product .image a,
.productArea .product a.galleryImage {
  display: block;
  height: 130px;
  background: transparent url(../images/cycles/link_frames.png) left top no-repeat;
}

#mainCenterColumn .product .image a.newProduct{
  background-position:right top;
}
#mainCenterColumn .product .image a span {
  display: block;
  width: 150px;
  height: 110px;
  padding: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  cursor: pointer;
  background: transparent url(../images/cycles/bg_imagetext.png) left top no-repeat;
}

#mainCenterColumn .product a.textLink {
  overflow: hidden;
  display: block;
  font-size: 12px;
  height: 16px;
  color: #222;
  font-weight: normal;
  margin: 10px;
  text-align: center;
}

#mainCenterColumn .doubleCycleArea .product{
  height: 208px;
}
#mainCenterColumn .doubleCycleArea .slide,
#mainCenterColumn .doubleCycleArea .scrollerNormal,
#mainCenterColumn .doubleCycleArea {
  height: 460px;
}

#mainCenterColumn .tripleCycleArea .product{
  height: 208px;
}
#mainCenterColumn .tripleCycleArea .slide,
#mainCenterColumn .tripleCycleArea .scrollerNormal,
#mainCenterColumn .tripleCycleArea {
  height: 678px;
}
#mainCenterColumn .tripleCycleArea.twoRow .slide,
#mainCenterColumn .tripleCycleArea.twoRow .scrollerNormal,
#mainCenterColumn .tripleCycleArea.twoRow {
  height: 460px;
}
#mainCenterColumn .tripleCycleArea.oneRow .slide,
#mainCenterColumn .tripleCycleArea.oneRow .scrollerNormal,
#mainCenterColumn .tripleCycleArea.oneRow {
  height: 240px;
}
#mainCenterColumn .tripleCycleArea {
  margin-left: -10px;
}

#mainAreaData {
  float: left;
  margin: 0 10px;
  width: 690px;
}
#mainAreaData h2 {
  overflow: hidden;
  width: 686px;
  margin-left: -10px;
  margin-right: -10px;
  text-transform: none;
}
#mainAreaData h3.productHeader {
  clear: none;
}
#mainAreaData h3.productHeader.short {
  width: 500px;
}
#mainAreaData h3.productHeader.extrashort {
  width: 340px;
}
#mainAreaData #productInfoText {
  display: block;
  width: 510px;
}
#mainAreaData #productInfoText h1,
#mainAreaData #productInfoText h2,
#mainAreaData #productInfoText h3,
#mainAreaData #productInfoText h4,
#mainAreaData #productInfoText h5,
#mainAreaData #productInfoText h6 {
  clear: none;
  background: none;
  padding: 0 0 14px 0;
  margin: 0;
  width: auto;
}
#mainAreaData a.butBack {
  clear: both;
  margin: 10px 0 0 -10px;
  color: #231f20;
}

/* simpleCycleArea */
.simpleCycleArea {
  background: transparent url(../images/common/bg_caption.png) left bottom repeat-x;
}
.simpleCycleArea .productRow {
  background: none;
}
.simpleCycleArea .product div.productname a {
  overflow: hidden;
  display: block;
  font-size: 12px;
  height: 16px;
  color: #231f20 !important;
  margin: 10px;
  text-align: center;
}
#mainCenterColumn .simpleCycleArea,
#mainCenterColumn .simpleCycleArea .slide, 
#mainCenterColumn .simpleCycleArea .scrollerNormal {
  height: 190px;
}

.productRow, .galleryRow{
  float: left;
  background: transparent url(../images/common/bg_caption_full.png) repeat-x left 100%;
  margin-bottom: 10px;
}
.productRow.noBg, .galleryRow.noBg{
  background: none;
}
.galleryRow .attribute-image {
  height: 128px;
  overflow: hidden;
}
.productCycleArea .productRow,
.doubleCycleArea .productRow,
.tripleCycleArea .productRow,
.cycleArea .productRow {
  background-position: -10px 100%;
}
.collectionCycleArea .productRow {
  background: none;
}
.collectionCycleArea {
  background: transparent url(../images/common/bg_caption.png) left bottom repeat-x;
}
.mainAreaBottomRow, .mainAreaNormalRow {
  overflow: hidden;
  margin-left: -20px;
  margin-right: -10px;
  float: left;
  /* background: transparent url(../images/common/bg_caption_full.png) repeat-x left 100%; */
  margin-bottom: 10px;
}
.mainAreaNormalRow {
  background: none;
}
.mainAreaBottomRow div.attribute-caption {
  background: none;
}
.mainAreaBottomRow div.object-left,
.doubleCycleArea div.object-left,
.tripleCycleArea div.object-left,
.collectionCycleArea div.object-left,
.productCycleArea div.object-left,
.mainAreaBottomRow .product,
.mainAreaNormalRow .product {
  clear: none !important;
  margin: 0 0 0 10px !important;
}
.doubleCycleArea div.object-left,
.tripleCycleArea div.object-left,
.productCycleArea div.object-left,
.collectionCycleArea div.object-left  {
  margin: 0 !important;
}
.mainAreaBottomRow div.price,
.doubleCycleArea div.price,
.tripleCycleArea div.price,
.productCycleArea div.price,
.accessoryCycleArea div.price{
  display: block;
  /* height: 30px; */
  background: #231f20 url(../images/accessories/bg_header.png) left bottom repeat-x;
  color:#ffffff;
}
.mainAreaBottomRow div.price.blue,
.doubleCycleArea div.price.blue,
.tripleCycleArea div.price.blue,
.productCycleArea div.price.blue,
.accessoryCycleArea div.price.blue {
  background: #cc0000 url(../images/accessories/bg_header_discount.png) left bottom repeat-x;
  color: #fff;
}
.mainAreaBottomRow div.price.red,
.doubleCycleArea div.price.red,
.tripleCycleArea div.price.red,
.productCycleArea div.price.red,
.accessoryCycleArea div.price.red {
  background: #cc0000 url(../images/accessories/bg_header_discount.png) left bottom repeat-x;
  color: #fff;
}
.mainAreaBottomRow div.price.ale,
.doubleCycleArea div.price.ale,
.tripleCycleArea div.price.ale,
.productCycleArea div.price.ale,
.accessoryCycleArea div.price.ale {
  background: #cc0000 url(../images/accessories/bg_header_discount.png) left bottom repeat-x;
  color: #fff;
}
.mainAreaBottomRow div.price span,
.doubleCycleArea div.price span,
.tripleCycleArea div.price span,
.productCycleArea div.price span,
.accessoryCycleArea div.price span {
  display: block;
  /* height: 23px; */
  line-height: 15px;
  font-size: 15px;
  margin: 0;
  padding: 8px 5px 7px 5px;
  text-align: center;
  font-weight: normal;
}
.mainAreaBottomRow div.productname a,
.doubleCycleArea div.productname a,
.tripleCycleArea div.productname a,
.productCycleArea div.productname a,
.collectionCycleArea div.productname a {
  display: block;
  text-align: center;
  color: #222 !important;
  padding: 10px 12px 12px 12px;
  overflow: hidden;
}

.mainAreaBottomRow div.productcatalogue  {
  padding: 10px 0;
}
.mainAreaBottomRow div.productcatalogue a {
  display: block;
  text-align: center;
  color: #222 !important;
  padding: 0 12px 2px 12px;
  overflow: hidden;
}
.mainAreaBottomRow div.productcatalogue a.redFont { color:#cc0000 !important; }

#mainCenterColumn .campaignCycleArea,
#mainCenterColumn .campaignCycleArea .slide, 
#mainCenterColumn .campaignCycleArea .scrollerNormal,
#mainCenterColumn .productCycleArea,
#mainCenterColumn .productCycleArea .slide, 
#mainCenterColumn .productCycleArea .scrollerNormal {
  height: 240px;
}
#mainCenterColumn .campaignCycleArea {
  background: none;
}

#mainCenterColumn .accessoryCycleArea {
  height: 348px;
}
#mainCenterColumn .accessoryCycleArea .slide, 
#mainCenterColumn .accessoryCycleArea .scrollerNormal {
  height: 318px;
}
#mainCenterColumn .accessoryCycleArea {
 background: #fff url(../images/cycles/normal_bg.png) left bottom repeat-x;
}

.cycleArea .accessory {
  float: left;
  width: 350px;
}
.cycleArea .accessory h3 {
  background: #141414 url(../images/product/bg_headerAle.png) left top repeat;
  display: block;
  height: 23px;
  line-height: 17px;
  font-size: 17px;
  margin: 0;
  padding: 7px 15px 0 15px;
  text-align: center;
  font-weight: normal;
  color: #fff;
}
.cycleArea .accessory a, .cycleArea .accessory span {
  display: block;
  height: 263px;
  overflow: hidden;
}
.cycleArea .accessory div {
  text-align: center;
  height: 35px;
  line-height: 35px;
}

.cycleArea .campaign {
  background: #eee;
  float: left;
  margin-right: 10px;
  width: 350px;
}
.cycleArea .campaign h3 {
  font-size: 18px;
  margin: 5px 0;
  padding: 0;
  text-align: center;
}
#mainAreaData.hinnasto, .productArea table {
  font-size: 11px;
}
.productArea table td.large { width: 290px; }
.productArea table td.large2 { width: 510px; }
.productArea table td.medium { width: 160px; }
.productArea table td.medium2 { width: 174px; }
.productArea table td.small { width: 110px; }
.productArea table td.small2 { width: 120px; }
#mainAreaData.hinnasto td.large { width: 260px; }
#mainAreaData.hinnasto td.small { width: 100px; }
#mainAreaData.hinnasto td a.newsBut { margin: 0; }
/** Main containers:END **/

/** Persons **/
.personArea.blog {
  margin: -10px -10px 0 -10px;
}
.personArea a.butNext {
  margin-top: 10px;
}
#personInfoText {
  display: block;
  float: left;
  width: 340px;
}
table#racingPersonInfoTable {
  width: 350px;
  margin-right: -10px;
  float: right;
}
table#racingPersonInfoTable.default td.left {
  font-weight: bold;
  width: 100px;
}
#racingPersonImages {
  clear: both;
  position: relative;
  display: block;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
  padding: 15px 0 2px 0; 
}
#currentPersonImageFrame {
  float: left;
  display: block;
  width: 350px;
}
#currentPersonImageFrame img {
  padding-bottom: 8px;
}
#currentPersonImagesFrame {
  float: right;
  display: block;
  width: 360px;
  height: 274px;
}
#currentPersonImagesFrame a {
  float: left;
  display: block;
  width: 170px;
  height: 128px;
  padding: 0 0 7px 10px;
  background-repeat: no-repeat;
  background-position: right top;
}
/** Persons:END **/

/** Bikes **/
#productBikeImages {
  clear: both;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
  padding: 15px 0 2px 0; 
}
#currentBikeImageFrame {
  float: left;
  display: block;
  width: 350px;
  height:270px;
  /*background: transparent url(../images/product/product_frame_big.png) left top no-repeat;*/
}
#currentBikeImageFrame a{
  width:350px;
  height:266px;
  display:block;
  margin-bottom:13px;
  background-position:center center;
  background-repeat:no-repeat;
}
#currentBikeImageFrame a.hide{
  display:none;
}
#currentBikeImageFrame img {
  padding-bottom: 8px;
}

#bikeImageColourName {
  position: relative;
}
#bikeImageColours {
  overflow: hidden;
  position: absolute;
  z-index: 70;
  left: 28px;
  top: 15px;
  display: block;
  width: 294px;
  height: 30px;
}
#bikeImageColours ul {
  display: block;
  height: 30px;
  width: 1000px;
  margin: 0;
  padding: 0 0 0 124px;
  list-style-image: none !important;
  list-style-position: inside !important;
  list-style-type: none !important;
}
#bikeImageColours ul li {
  float: left;
  display: block;
  height: 30px;
  width: 42px;
  padding: 0;
  margin: 0;
}
#bikeImageColours li a.colour img {
  padding: 7px 3px;
}
#bikeImageColours li a.colour.selected img {
  font-weight: bold;
  background: transparent url(../images/product/bg_bikeColour.png) left top no-repeat;
}
#bikeImageControls {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 15px;
  display: block;
  width: 350px;
  height: 30px;
  text-align: center;
  /* background: #cacac8; */
  background: transparent url(../images/product/bg_bikeControls.png) left top repeat-x;
}
#bikeImageControls a#prev {
  position: absolute;
  z-index: 100;
  display: block;
  width: 11px;
  height: 16px;
  left: 10px;
  top: 7px;
  background: transparent url(../images/product/arrows.png) left top no-repeat;
} 
#bikeImageControls a#next {
  position: absolute;
  z-index: 100;
  display: block;
  width: 11px;
  height: 16px;
  right: 10px;
  top: 7px;
  background: transparent url(../images/product/arrows.png) left bottom no-repeat;
}
#bikeImageControls a#prev.disabled { cursor: default; background-position: right top; }
#bikeImageControls a#next.disabled { cursor: default; background-position: right bottom; }
#currentBikeColourImagesFrame {
  float: right;
  display: block;
  width: 360px;
  height: 274px;
}
#currentBikeColourImagesFrame a {
  float: left;
  display: block;
  width: 170px;
  height: 130px;
  padding: 0 0 0 10px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: right center;
}

#currentBikeColourImagesFrame a .productSmallFrame{
  display: block;
  width: 170px;
  height: 130px;
  background: transparent url(../images/product/product_frame.png) left top no-repeat;
}
#currentBikeColourImagesFrame a .productSmallFrame.active{
  background-position:right top;
}
.productDetails {
  float: left;
  display: block;
  width: 330px;
}
.productDetails.right { float: right; }
.productDetails table.default { width: 350px; }
.productDetails table.default td a.info {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  color: #231f20 !important;
  background: transparent url(../images/buttons/info.png) left top no-repeat;
}
.productDetails table.default td a.info:hover,
.productDetails table.default td a.info:active {
  background-position: left -16px;
}
/** Bikes:END **/

/** Tooltips **/
.infoTooltip {
  position: absolute;
  display: block;
  /* width: 183px; */
  width: 189px;
  bottom: 20px;
  right: -14px;
}
.infoTooltip .top {
  display: block;
  /* padding: 15px 15px 7px 15px; */
  /* background: transparent url(../images/tooltips/info.png) left -20px no-repeat; */
  padding: 15px 20px 7px 16px;
  background: transparent url(../images/tooltips/infoBold.png) left -19px no-repeat;
}
.infoTooltip .bottom {
  display: block;
  /* background: transparent url(../images/tooltips/info.png) left top no-repeat; */
  /* width: 183px; */
  background: transparent url(../images/tooltips/infoBold.png) left top no-repeat;
  width: 189px;
  height: 15px;
  line-height: 0;
  font-size: 0;
}
.infoTooltipColour {
  position: absolute;
  display: none;
  top: 29px;
  z-index: 200;
  padding-top: 8px;
  background: transparent url(../images/tooltips/infoColour.png) center -84px no-repeat;
}
.infoTooltipColour span {
  display: block;
  height: 26px;
  padding-left: 11px;
  background: transparent url(../images/tooltips/infoColour.png) left top no-repeat;
}
.infoTooltipColour span span {
  display: block;
  height: 26px;
  line-height: 25px;
  font-size: 11px;
  padding: 0 11px 0 0;
  background: transparent url(../images/tooltips/infoColour.png) right -46px no-repeat;
}
/** Tooltips:END **/

/** Mailer **/
.productRow.mailer {
  background: none;
}
.productRow.mailer .mailercheckbox {
  background: transparent url(../images/common/bg_caption.png) left bottom repeat-x;
  padding: 5px 10px;
  overflow: hidden;
}
.productRow.mailer .mailercheckbox input {
  display: none;
}
.productRow.mailer .mailercheckbox span {
  display: block;
  padding-top: 3px;
}
.productRow.mailer .mailercheckbox.error .checkbox {
  background-position: left -60px;
}
.productRow.mailer .mailercheckbox.error .checkbox.checked {
  background-position: left -40px;
}
.productRow.mailer .mailertext {
  padding: 10px 10px 0 10px;
  font-size: 11px;
  line-height: 16px;
}
.productRow.mailer .mailertext a {
  font-weight: bold;
}
/** Mailer:END **/

/** Mainnavi **/
ul#mainNavi {
  display: block;
  height: 50px;
  margin: 0;
  padding: 0;
  list-style-image: none !important;
  list-style-position: inside !important;
  list-style-type: none !important;
}
ul#mainNavi li {
  float: left;
  height: 50px;
  margin:0;
}
ul#mainNavi li a {
  display: block;
  height: 50px;
  background-image: url(../images/navi/bg.png);
  background-repeat: no-repeat;
  background-position: right top;
  color:#231f20;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:1.1px;
  text-indent:-5000px;
}
/*
ul#mainNavi li a span{
  padding:18px 20px 0 20px;
  display:block;
}
ul#mainNavi li a:hover, ul#mainNavi li a:active,
ul#mainNavi li.selected a, ul#mainNavi li.selected a:hover, ul#mainNavi li.selected a:active{
  color:#cc0000;
  background-position:right bottom;
}*/

ul#mainNavi li a#link1 { width: 96px; background-position: 0 0; }
ul#mainNavi li a#link1:hover, ul#mainNavi li a#link1:active { background-position: 0 -50px; }
ul#mainNavi li.selected a#link1, ul#mainNavi li.selected a#link1:hover, ul#mainNavi li.selected a#link1:active { background-position: 0 -100px; }
ul#mainNavi li a#link2 { width: 111px; background-position: -96px 0; }
ul#mainNavi li a#link2:hover, ul#mainNavi li a#link2:active { background-position: -96px -50px; }
ul#mainNavi li.selected a#link2, ul#mainNavi li.selected a#link2:hover, ul#mainNavi li.selected a#link2:active { background-position: -96px -100px; }
ul#mainNavi li a#link3 { width: 229px; background-position: -207px 0; }
ul#mainNavi li a#link3:hover, ul#mainNavi li a#link3:active { background-position: -207px -50px; }
ul#mainNavi li.selected a#link3, ul#mainNavi li.selected a#link3:hover, ul#mainNavi li.selected a#link3:active { background-position:  -207px -50px; }
ul#mainNavi li a#link4 { width: 171px; background-position: -436px 0; }
ul#mainNavi li a#link4:hover, ul#mainNavi li a#link4:active { background-position: -436px -50px; }
ul#mainNavi li.selected a#link4, ul#mainNavi li.selected a#link4:hover, ul#mainNavi li.selected a#link4:active { background-position: -436px -50px; }
ul#mainNavi li a#link5 { width: 233px; background-position: -607px 0; }
ul#mainNavi li a#link5:hover, ul#mainNavi li a#link5:active { background-position: -607px -50px; }
ul#mainNavi li.selected a#link5, ul#mainNavi li.selected a#link5:hover, ul#mainNavi li.selected a#link5:active { background-position: -607px -50px; }
ul#mainNavi li a#link6 { width: 110px; background-position: -840px 0; }
ul#mainNavi li a#link6:hover, ul#mainNavi li a#link6:active { background-position: -840px -50px; }
ul#mainNavi li.selected a#link6, ul#mainNavi li.selected a#link6:hover, ul#mainNavi li.selected a#link6:active { background-position: -840px -50px; }

/** Mainnavi:END**/

/** Subnavi **/
ul#subNavi, ul#subNavi ul {
  list-style-image: none !important;
  list-style-position: outside !important;
  list-style-type: none !important;
}
ul#subNavi, ul#subNavi li, 
ul#subNavi ul, ul#subNavi ul li {
  margin: 0;
  padding: 0;
}
ul#subNavi {
  margin: 0 -10px 10px -10px;
}
ul#subNavi a{
  display: block;
  background: #fff url(../images/subnavi/bg.png) left top no-repeat;
  font-weight: bold;
  line-height: 18px;
  font-size: 11px;
  padding: 6px 32px 6px 10px;
}
ul#subNavi li a.selected, ul#subNavi li a.selected.subitems { color: #ffffff; }
ul#subNavi ul li a.selected, ul#subNavi ul li a.selected.subitems { color: #ffffff; }
ul#subNavi ul.subNavisub a.selected, ul#subNavi ul.subNavisub a.selected.subitems { color: #ffffff; }
ul#subNavi ul.subNavisub ul a.selected, ul#subNavi ul.subNavisub ul a.selected.subitems { color: #231f20; }

ul#subNavi li a:hover, ul#subNavi li a:active { background-position: left -60px; }
ul#subNavi li a.selected { background-position: left -120px; }
ul#subNavi li a.subitems { background-position: left top; }
ul#subNavi li a.subitems:hover, ul#subNavi li a.subitems:active { background-position: left -60px; }
ul#subNavi li a.selected.subitems { background-position: left -180px; }
ul#subNavi ul li a { padding-left: 24px; background-position: -230px top; }
ul#subNavi ul li a:hover, ul#subNavi ul li a:active { background-position: -230px -60px; }
ul#subNavi ul li a.selected { background-position: -230px -120px; }
ul#subNavi ul li a.selected.subitems { background-position: -230px -180px; }
ul#subNavi ul ul li a { padding-left: 38px; background-position: -460px top; font-weight: normal; }
ul#subNavi ul ul li a:hover, ul#subNavi ul ul li a:active { background-position: -460px -60px; }
ul#subNavi ul ul li a.selected { background-position: right -60px; font-weight: bold; color: #231f20; }
ul#subNavi ul ul li a.selected.subitems { background-position: -460px -180px; }

ul#subNavi.normalCase a{
  text-transform:none;
}
/** Subnavi:END**/

/** Subsubnavi **/
#subSubNavi {
  float: right;
  display: block;
  width: 170px;
  margin: 0 -10px 10px 20px;
  list-style-image: none;
  list-style-type: none;
}
#subSubNavi li {
  position: relative;
  margin: 0;
  padding: 0;
}
#subSubNavi a.red,
#subSubNavi a.dgray,
#subSubNavi a.lgray,
#subSubNavi span.infoText{
  display: block;
  font-size: 15px;
  line-height: 15px;
  padding: 7px 30px 7px 15px;
  color: #231f20;
  background: #fff url(../images/subnavi/bg_sub.png) left top no-repeat;
}
#subSubNavi span.infoText{
  font-weight:bold;
}
#subSubNavi a.red { background-position: -340px top; color: #fff; }
#subSubNavi a.red:hover, #subSubNavi a.red:active { background-position: -340px -30px; }
#subSubNavi a.dgray { background-position: -510px top; color: #fff; }
#subSubNavi a.dgray:hover, #subSubNavi a.dgray:active { background-position: -510px -30px; }
#subSubNavi a.lgray { background-position: -170px top; }
#subSubNavi a.lgray:hover, #subSubNavi a.lgray:active { background-position: -170px -30px; }

#subSubNavi a.info {
  position: absolute;
  right: 9px;
  top: 6px;
  display: block;
  width: 16px;
  height: 16px;
  color: #231f20 !important;
  background: transparent url(../images/buttons/info.png) left top no-repeat;
}
#subSubNavi a.info:hover,
#subSubNavi a.info:active {
  background-position: left -16px;
}

#subSubNavi div#specialPrice {
  background:url("../images/product/special_price_bg.png") no-repeat scroll left bottom #ffffff;
  display:block;
  padding:7px 0 13px;
}
#subSubNavi div#specialPrice span.headerText, #subSubNavi div#specialPrice span.subPriceText {
  color:#231f20;
  display:block;
  font-size:15px;
  line-height:15px;
  padding:0 30px 0 14px;
}

#subSubNavi div#specialPrice span.mainPriceText {
  color:#231f20;
  display:block;
  font-size:24px;
  line-height:24px;
  padding:3px 30px 2px 14px;
}

#subSubNavi div#specialPrice span.headerText, #subSubNavi div#specialPrice span.subPriceText {
  color:#231f20;
  display:block;
  font-size:15px;
  line-height:15px;
  padding:0 30px 0 14px;
}
#subSubNavi div#specialPrice span.subPriceText {
  color: #7F7F7F;
}

/** Subsubnavi:END **/

/** Productnavi **/
#productNavi {
  overflow: hidden;
  display: block;
  height: 30px;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  margin-bottom: 10px;
  background: #fff url(../images/product/bg_productNavi_ul.png) right top repeat-x;
}
#productNavi li{
  background: #fff url(../images/product/bg_productNavi.png) right top repeat-x;
}

#productNavi li {
  float: left;
  margin: 0;
  padding: 0 11px;
  text-align: center;
}
#productNavi li span.separator {
  float: right;
  margin: 0;
  padding: 0;
  width:1px;
  height:30px;
  background: transparent url(../images/product/productNavi_separator.png) left bottom no-repeat;
}
#productNavi li.separator span.separator {
  background-position:left top;
}

#productNavi li a {
  font-size: 11px;
  line-height: 30px;
  font-weight: bold;
  color: #231f20;
}
#productNavi li a:hover, #productNavi li a:active { color: #cc0000; }
#productNavi li.selected { background: #fff url(../images/product/bg_productNavi.png) right -30px repeat-x; }
#productNavi li.selected a { color: #231f20; }
#productNavi li.last{
  background-position:left top;
}
#productNavi li.last.selected{
  background-position:left -30px;
}
/** Productnavi:END **/

/** Accessories **/
#accessoryContainer {
  overflow: hidden;
}
#accessoryDetails {
  float: left;
  width: 350px;
}
#accessoryCycleArea {
  float: right;
  height: 350px;
  width: 350px;
  overflow: hidden;
  margin-bottom: 16px;
}
#accessoryCycleArea .cycleArea,
#accessoryCycleArea .cycleArea .scrollerNormal,
#accessoryCycleArea .cycleArea .slide {
  width: 350px;
}

#accessoryCycleArea .accessoryScroll{
  position:relative;
}
.accessoryScrollFrame{
  background: transparent url(../images/product/product_frame_big_thin.png) left top no-repeat;
  height:263px;
  position:absolute;
  width:350px;
  z-index:100;
}
#accessoryDetailsTable {
  font-size: 11px;
  line-height: 16px;
  margin: 2px 0 16px;
  width: 350px;
}
#accessoryDetailsTable p {
  line-height: 16px;
  padding: 0 0 12px 0;
}
#accessoryDetailsTable .backLink {
  color: #222;
}
#accessoryDetailsTable td.noBottomPadding {
  padding-bottom: 0;
}
/** Accessories:END **/

/** News **/
ul#newsLifts {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-image: none !important;
  list-style-position: outside !important;
  list-style-type: none !important;
}
ul#newsLifts li {
  padding: 0;
  margin: 0;
}
ul#newsLifts li a{
  display: block;
  background: #fff url(../images/news/lift_bg.png) left top no-repeat;
  font-weight: bold;
  line-height: 16px;
  height: 49px;
  padding: 6px 32px 10px 10px;
}
ul#newsLifts li a:hover, ul#newsLifts li a:active {
  background-position: left -65px;
}
ul#newsLifts li a span.day{
  float: left;
  display: block;
  width: 45px;
  font-size: 35px;
  text-align: center;
  color:#231f20;
  font-weight:normal;
  padding-top: 1px;
}
ul#newsLifts li a span.rest{
  overflow: hidden;
  float: right;
  display: block;
  width: 137px;
  height: 49px;
  margin-top: 1px;
}
.newsListRow{
  overflow: hidden;
  padding: 12px 12px 2px 12px;
  margin: 0 0 4px 0;
  border-bottom: 1px solid #eee;
}
.newsListRow.searchListing{
  overflow: hidden;
  padding: 12px 12px 2px 0px;
  margin: 0 0 4px 0;
  border-bottom: 1px solid #eee;
}
.newsListRow .left a, .newsListRow .full a{
  color: #222 !important;
}
.newsListRow h3 { margin: 0 0 2px 0; }
.newsListRow .left{
  float: left;
  display: block;
  width: 585px;
}
.newsListRow .right{
  float: right;
  display: block;
  width: 90px;
  padding-top: 3px;
}
.newsListRow .full{
  float: left;
  width: 686px;
}
.newsHeadlineCategory {
  color: #676364;
  font-size: 15px;
  line-height: 18px;
  margin: 4px 0 -3px 10px;
}
.newsIntro, 
.newsHtmlIntro {
  font-size: 15px;
}
.newsIntro p, 
.newsHtmlIntro p {
  line-height: 17px;
}
.newsHtml {
  display: block;
}
.newsHtml img {
  max-width: 100%;
}
.newsExternalLinks a, 
.newsAttachments a {
  line-height: 18px;
}
.newsCisionUrl {
  clear: both;
  overflow: hidden;
}
.newsVideos {
  width: 100%;
}
.video-container {
  height: 0;
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 56.25%; /* 16:9 */
  /* padding-bottom: 75%; *//* 4:3 */
  padding-top: 35px;
  position: relative;
}
.video-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top:0;
  width: 100%;
}
.galleryRow.newsPage .object-left {
  height: 128px;
  width: 170px;
}
.galleryRow.newsPage .object-left a {
  display: block;
  height: 128px;
  text-align: center;
  width: 170px;
}
.galleryRow.newsPage .object-left a img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  max-height: 128px;
  padding: 2px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
/** News:END **/

/** Forms **/
.formArea {
  display: block;
  position: relative;
  z-index: 10000;
  padding: 0;
  margin: 10px 0 16px 0;
  background: #fff;
}
.formArea #bottomButtons {
  width: auto !important;
  margin: 0 -10px !important;
}
.formArea form {
  background: #fff;
  padding: 0;
  zoom: 1;
}
.formArea form h2 {
  margin: 0 -10px 10px -10px !important;
}
.formArea form .inner {
  display: block;
  float: left;
  width: 580px;
  margin: 0;
}
.formArea form label {
  font-weight: normal;
  padding-bottom: 3px;
}
.formArea form .formFields {
  float: right;
  display: block;
  width: 285px;
}
.formArea form .formFields.left {
  clear: both;
  float: left;
}
.formArea form .formFields.wide {
  clear: both;
  float: left;
  width: 580px;
}
.formArea form .plainTextContainer {
  display: block;
  height: 26px;
  width: 287px;
  padding: 5px 0 0 4px;
  margin: 0 -3px 12px -3px;
  font-weight: bold;
}
.formArea form .textContainer {
  background: transparent url(../images/form/bg_input.png) left top no-repeat;
  display: block;
  height: 26px;
  width: 287px;
  padding: 5px 0 0 4px;
  margin: 0 -3px 12px -3px;
}
.formArea form .textContainer input {
  border: 0 none;
  display: block;
  padding: 2px 3px;
  width: 270px;
}
.formArea form .textContainer.error {
  background-position: left -31px;
}

.formArea form .textareaContainer {
  overflow:hidden;
  background: transparent url(../images/form/bg_textarea.png) left -10px no-repeat;
  display: block;
  width: 582px;
  padding: 5px 0 0 4px;
  margin: 0 -3px 0 -3px;
}
.formArea form .textareaContainer textarea {
  border: 0 none;
  display: block;
  padding: 2px 3px;
  width: 571px;
}
.formArea form .textareaContainerEnd {
  background: transparent url(../images/form/bg_textarea.png) left top no-repeat;
  display: block;
  width: 582px;
  height: 2px;
  padding: 0 0 0 4px;
  margin: 0 -3px 12px -3px;
  line-height: 0;
  font-size: 0;
}
.formArea form .textareaContainer.error {
  background-position: -586px -10px;
}
.formArea form .textareaContainerEnd.error {
  background-position: -586px top;
}

.formArea form .separator {
  clear: both;
  margin: 0 -10px 18px -10px;
  height: 10px;
  line-height: 1px;
  font-size: 1px;
  border-bottom: 1px solid #333333;
}

.formArea form .radioArea {
  clear: both;
  padding: 0 0 20px 0;
}
.formArea form .radioArea div {
  float: left;
  padding: 0 10px 8px 0;
}
.formArea form .radioArea span {
  float: left;
  display: block;
  padding-top: 3px;
}
.formArea form .radioArea input  {
  display: none;
}

.formArea form .radio {
  background: transparent url("../images/form/bg_radio.png") left -20px no-repeat;
  float: left;
  height: 20px;
  margin: 0 7px 0 -3px;
  width: 20px;
}
.formArea form .radio.checked {
  background-position: left top;
}
.formArea form .radioArea.error .radio {
  background-position: left -60px;
}
.formArea form .radioArea.error .radio.checked {
  background-position: left -40px;
}

.formArea form .checkboxArea {
  clear: both;
  padding: 0 0 20px 0;
  margin: 0;
}
.formArea form .checkboxArea div {
  clear: both;
  padding: 0 0 8px 0;
  margin: 0;
}
.formArea form .checkboxArea span {
  display: block;
  padding-top: 3px;
}
.formArea form .checkboxArea input  {
  display: none;
}
.formArea form .checkbox {
  background: transparent url("../images/form/bg_checkbox.png") left -20px no-repeat;
  float: left;
  height: 20px;
  margin: 0 7px 0 -3px;
  width: 20px;
}
.formArea form .checkbox.checked {
  background-position: left top;
}
.formArea form .checkboxArea.error .checkbox {
  background-position: left -60px;
}
.formArea form .checkboxArea.error .checkbox.checked {
  background-position: left -40px;
}
/** Forms:END **/

/** Paging **/
#paging { overflow: hidden; clear: both; padding-top: 9px; }
#paging span {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 11px;
  text-align: center;
  margin: 0 4px 0 0;
}
#paging span a {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 11px;
  line-height: 30px;
  font-weight: bold;
  color: #222;
  background: transparent url(../images/paging/bg.png) left top no-repeat;
}
#paging span a:hover, #paging span a:active, #paging span.selected a {
  background-position: left -30px;
  color: #fff;
}
#paging span.prev a { background-position: -60px top; }
#paging span.prev a:hover, #paging span.prev a:active { background-position: -60px -30px; }
#paging span.next a { background-position: -120px top; }
#paging span.next a:hover, #paging span.next a:active { background-position: -120px -30px; }
#paging span.dots{
  background: transparent url(../images/paging/bg.png) left top no-repeat;
  line-height: 30px;
  font-weight: bold;
}
#paging.topPadding { padding-top: 25px; }
#paging.noLeftMargin { margin-left: -10px; }
/** Paging:END **/

/** Footer **/
#footer{ background: transparent url(../images/frames/footer.png) left top repeat-x; }
#footerInner{
  overflow: hidden;
  width: 950px;
  padding: 107px 10px 10px 10px;
  margin: 0 auto;
  color: #231f20;
  line-height: 16px;
}
#footerInner a#brandtfooter{
  float: right;
  margin: 8px 0 0 0;
}
#footerInner #buttons{
  overflow: hidden;
  padding-top: 52px;
}
#footerInner #sitemap{
  overflow: hidden;
  padding-top: 25px;
  display: none;
  background: transparent url(../images/footer/bg_sitemap_full.png) right top repeat-x;
}
#footerInner #sitemap div{
  float: left;
  display: block;
  width: 189px;
  padding-right: 1px;
  /* background: transparent url(../images/footer/bg_sitemap.png) right top repeat-y; */
}
#footerInner #sitemap div a{
  display: block;
  color: #231f20; 
  line-height: 16px;
  padding: 3px 25px 3px 10px;
  background: transparent url(../images/footer/bg_sitemaplink.png) right center no-repeat;
}
#footerInner #sitemap div.first{ width: 189px; }
#footerInner #sitemap div.first a { padding-left: 0; }
#footerInner #powered {
  display: block;
  float: right;
  padding-top: 8px;
  color: #BFBFBF;
}
#footerInner #powered * {
  color: #BFBFBF;
}

/** Footer:END **/

/** Core overrides **/
div.block { 
  margin: 8px 0 14px 0;
}
div#debug table + h2, table + h3 {
  margin-top: 0;
}
div.object-left, table.object-left {
  clear: left;
  float: left;
  margin: 2px 20px 14px 0;
}
div.object-right, table.object-right {
  clear: right;
  float: right;
  margin: 2px 0 14px 20px;
}
div.object-center, table.object-center {
  clear: both;
  text-align: center;
  margin: 0 0 14px 0;
}
div.class-image { padding-bottom: 14px; }
div.object-left div.class-image, table.object-left div.class-image,
div.object-right div.class-image, table.object-right div.class-image, 
div.object-center div.class-image, table.object-center div.class-image {
  padding-bottom: 0;
}
#mainLeftColumn div.object-left {
  margin: 2px 10px 10px 0;
}
#mainLeftColumn div.object-right {
  margin: 2px 0 10px 10px;
}
div.object-center .attribute-image, table.object-center .attribute-image { text-align: center; }
div.object-center div.attribute-caption { text-align: left; margin: 0 auto; }
div.attribute-caption { 
  background: transparent url("../images/common/bg_caption.png") left bottom repeat-x;
}
div.attribute-caption p {
  font-size: 11px;
  padding: 10px 12px 12px 12px;
}
div.attribute-image a{
  font-size: 0;
  line-height: 0;
}
table.list * { font-size: 12px; }
table.list a { color: #cc0000; }
table.default {
  border-top: 1px solid #eeeeee;
  width: 710px;
  margin: 2px -10px 16px -10px;
}
table.default * { font-size: 11px; }
table.default td {
  vertical-align: top;
  padding: 8px 0 9px 10px;
  border-bottom: 1px solid #eeeeee;
}
table.default td.bgdark{background-color:#6d6c6c; color:#ffffff;}
table.default td div.class-file a {
  display: block;
  margin-bottom: 0;
}
table.empty {
  width: 240px;
  margin: 0;
}
table.empty * { font-size: 11px; }
table.empty td {
  vertical-align: top;
  padding: 0 0 1px 0;
  border-bottom: none;
}
table.empty td.right {
  white-space: nowrap;
  text-align: right;
}
table.empty td.last {
  padding-bottom: 0;
}
div.warning {
  background: #fff;
  border: 0;
  margin: 0;
  padding: 0;
}
div.class-file a{
  display: block;
  margin-bottom: 16px;
}
#mainLeftColumn div.class-file a span{
  display: block;
  font-weight: bold;
}
#mainLeftColumn div.class-file a {
  background: #fff url(../images/common/bg_leftColumnLink.png) left center no-repeat;
}
#mainLeftColumn div.class-file a:hover, #mainLeftColumn div.class-file a:active {
  background-position: -210px center;
}
.user-login .halfbox {
  width: 300px;
}
.user-login label {
  margin-bottom: 3px;
}
th.tight, td.tight, td.class {
  white-space: nowrap !important;
}
fieldset input.button-disabled, fieldset input.button {
  margin-top: 0;
}
input.button-disabled {
  color: #AFAFAF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  text-align: center;
  vertical-align: middle;
}
/** Core overrides:END **/

/** General **/
.clear { clear:both; font-size:0; line-height:0; height:0; }
.fLeft { float:left !important; }
.fRight { float:right !important; }
.inline { display:inline; }
.boldFont { font-weight:bold; }
.redFont { color:#cc0000 !important; }
.blackFont { color:#231f20 !important; }
.hidden { display: none !important; }
.hide { display: none; }
.upperCase { text-transform: uppercase !important; }
/** General:END **/

/** Dealer **/

.dealersAndService h3 {
  float: left;
}
.dealerServiceLevel {
  float: right;
}
.serviceLevelIcon {
  float: left;
  height: 30px;
  margin-right: 5px;
  width: 30px;
  text-indent:-5000px;
  background: transparent url(../images/dealer/dealer_logos.png) 0 0 no-repeat;
}
.hondaProDealer {
  background-position: 0 0;
}
.hondaProService {
  background-position: 0 -30px;
}
.dealerMap {
  background: #E5E5E5;
  padding: 5px;
  margin: 0 -10px 0 0;
  width: 700px;
  height: 351px;
}
.dealerMapArea {
  display: block;
  width: 700px;
  height: 351px;
}
.showMap {
  color: #cc0000 !important;
  background: transparent url(../images/buttons/arrow_down.png) right center no-repeat;
  display: block;
  width: 330px;
}
.showMap.showMapOpen {
  background: transparent url(../images/buttons/arrow_up.png) right center no-repeat;
}
.dealersAndService table {
  clear: both; /* Fix for Safari & Chrome float issue */
}
.dealersAndService table td.col1 {
  width: 100px;
}
.dealersAndService table td.col2,
.dealersAndService table td.col4 {
  width: 230px;
}
.dealersAndService table td.col3 {
  width: 100px;
}
.dealersAndService table td.mapRow {
  border: none;
  padding: 0;
}

.order1 { z-index: 999; }
.order2 { z-index: 998; }
.order3 { z-index: 997; }
.order4 { z-index: 996; }
.order5 { z-index: 995; }
.order6 { z-index: 994; }

/** Dealer:END **/

/** Select & search **/

#searchTextContainer {
  background: transparent url(../images/search/bg_searchtext.png) 0 0 no-repeat;
  display: block;
  height: 25px;
  width: 208px;
  padding: 2px 0 0 1px;
}
#searchText {
  border: 0;
  display: block;
  padding: 2px 0;
  width: 206px;
}

form#advancedSearchLeft #searchTextContainer {
  margin: 3px 0 0 0;
}
form#advancedSearchLeft .dropdownBox {
  position: relative;
  font-size: 11px;
  margin: 3px 0 12px -1px;
  width: 210px;
}
form#advancedSearchLeft .dropdownBox a {
  width: 170px;
}
form#advancedSearchLeft .dropdownBox a.indent {
  width: 160px;
}
form#advancedSearchLeft .dropdownBox a.selected{
  background: transparent url(../images/dropdown/select_leftsearch.png) left top no-repeat;
  width: 170px;
}
form#advancedSearchLeft .dropdownBox a.selected:hover, form#advancedSearchLeft .dropdownBox a.selected.active {
  background: transparent url(../images/dropdown/select_leftsearch.png) left -27px no-repeat;
}
form#advancedSearchLeft .dropdownBox .list {
  background: transparent url(../images/dropdown/select_leftsearch.png) left bottom repeat;
  width: 198px;
}
form#advancedSearchLeft .dropdownBox .list span {
  width: 170px;
}
.advancedSearchBlock {
  width: 290px;
  float: left;
  margin-left: 5px;
  margin-bottom: 15px;
  margin-right: 5px;
}
#advancedSearch #searchTextContainer {
  background: transparent url(../images/form/bg_input.png) 0 0 no-repeat;
  display: block;
  height: 26px;
  width: 285px;
  padding: 5px 0 0 4px;
  margin: 0 -3px;
}
#advancedSearch #searchText {
  border: 0;
  display: block;
  padding: 2px 3px;
  width: 271px;
}
#advancedSearch label {
  font-weight: normal;
  padding-bottom: 5px;
}
#advancedSearch .dropdownBox {
  margin-left: 0;
  margin-top: 1px;
  width: 285px;
}
#advancedSearch .dropdownBox a {
  width: 245px;
  color: #222;
}
#advancedSearch .dropdownBox a.indent {
  width: 235px;
}
#advancedSearch .dropdownBox a:hover {
  color: #cc0000;
}
#advancedSearch .dropdownBox a.selected{
  background: transparent url(../images/dropdown/select_wide.png) left top no-repeat;
  width: 275px;
}
#advancedSearch .dropdownBox a.selected:hover, #advancedSearch .dropdownBox a.selected.active {
  background: transparent url(../images/dropdown/select_wide.png) left -27px no-repeat;
}
#advancedSearch .dropdownBox .list {
  background: transparent url(../images/dropdown/select_wide.png) left bottom repeat;
  width: 273px;
}
#advancedSearch .dropdownBox .list span {
  width: 245px;
}
.searchBreak {
  display: block;
  height: 16px;
  width: 10px;
  clear: both;
}

#bottomButtons {
  clear: both;
  position: relative;
  height: 25px;
  padding: 12px 12px 13px 12px;
  margin: 0;
  background: #fff url(../images/common/bg_h1.png) left bottom repeat-x;
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
  width: 686px;
}

#mainLeftColumn #bottomButtons{
  width:206px;
}

#bottomButtons a {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
#bottomButtons a.leftButton {
  float: left;
  margin-right: 12px;
  margin-left: 0;
}
#bottomButtons a span {
  display: block;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  padding: 5px 0 5px 10px;
  color: #fff;
}

.startSearch,
.emptySearch,
.listAllProducts,
.advancedSearch,
.emptyDropdowns {
  display: block;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  width: 209px;
  color: #a7a7a7 !important;
  overflow: hidden;
  margin-bottom: 13px;
  padding: 1px 0;
}
.startSearch {
  color: #231f20 !important;
}
.startSearch {
  margin-top: 22px;
  background: transparent url(../images/search/sidebarsearch.png) 0 0 no-repeat;
}
.emptySearch, .emptyDropdowns {
  background: transparent url(../images/search/sidebarsearch.png) 0 -17px no-repeat;
}
.listAllProducts {
  background: transparent url(../images/search/sidebarsearch.png) 0 -34px no-repeat;
}
.advancedSearch {
  background: transparent url(../images/search/sidebarsearch.png) 0 -51px no-repeat;
}

.dropdownBox {
  position: relative;
  font-size: 11px;
  margin: 0 0 2px -10px;
  width: 230px;
}
.dropdownBox a {
  display: block;
  width: 190px;
  padding: 3px 0 3px 4px;
}
.dropdownBox a.indent {
  padding-left:14px;
  width:180px;
}
.dropdownBox .list span {
  display:block;
  font-weight:bold;
  padding:3px 0 3px 4px;
  width:190px;
}
.dropdownBox a:hover {
  color: #cc0000;
}
.dropdownBox a.selected{
  background: transparent url(../images/dropdown/select.png) left top no-repeat;
  display: block;
  width: 190px;
  height: 19px;
  line-height: 19px;
  padding: 3px 30px 4px 10px;
  overflow: hidden;
}
.dropdownBox a.selected:hover, .dropdownBox a.selected.active {
  background: transparent url(../images/dropdown/select.png) left -27px no-repeat;
}
.dropdownBox a.subLink {
  width: 180px;
  padding-left: 14px;
}
.dropdownBox .list {
  background: transparent url(../images/dropdown/select.png) left bottom repeat;
  position: absolute;
  top: 21px;
  display: none;
  width: 218px;
  padding: 6px;
}
.dropdownBox .list a.second{
  padding-top: 0;
}
.dropdownBox .list div.limited {
  height: 210px;
  overflow: auto;
}

.checkboxArea {
  margin: 0 0 20px 0;
}
.checkboxArea div {
  clear: both;
  margin: 0 0 8px 0;
}
.checkboxArea span {
  display: block;
  padding-top: 3px;
}
.checkboxArea input  {
  display: none;
}
.checkbox {
  background: transparent url("../images/form/bg_checkbox.png") left -20px no-repeat;
  float: left;
  height: 20px;
  margin: 0 7px 0 1px;
  width: 20px;
}
.checkbox.checked {
  background-position: left top;
}
.checkboxArea.error .checkbox {
  background-position: left -40px;
}
.checkboxArea.error .checkbox.checked {
  background-position: left top;
}

/** Select:END **/

/** Afterlogin **/
div#userInfoArea {
  padding-left: 10px;
}
div#userExit {
  padding: 1px 0 0 0;
}
a.topAdminUser {
  color: #000;
  line-height: 24px;
  display: block;
  float: left;
  padding-right: 10px;
}
a.topAdminLogout {
  display: block;
  position: absolute;
  right: -20px;
  top: 14px;
}
.dropdownBoxAdmin {
  position: relative;
  font-size: 11px;
  margin: 0 10px 0 0;
  width: 187px;
  float: right;
}
.dropdownBoxAdmin a {
  display: block;
  width: 147px;
  /* height: 15px; */
  padding: 2px 0 2px 4px;
  color: #5F5D5D;
}
.dropdownBoxAdmin a.selected{
  background: transparent url(../images/dropdown/select_admin.png) left top no-repeat;
  display: block;
  width: 147px;
  height: 19px;
  line-height: 19px;
  padding: 2px 30px 3px 10px;
  overflow: hidden;
}
.dropdownBoxAdmin a.selected:hover, .dropdownBoxAdmin a.selected.active {
  background: transparent url(../images/dropdown/select_admin.png) left -25px no-repeat;
}
.dropdownBoxAdmin .list {
  background: transparent url(../images/dropdown/select_admin.png) left bottom repeat;
  position: absolute;
  top: 19px;
  display: none;
  width: 175px;
  padding: 6px;
}
.dropdownBoxAdmin .list a.second{
  padding-top: 0;
}
.dropdownBoxAdmin .list div.limited {
  height: 210px;
  overflow: auto;
}
/** Afterlogin:END **/

/** Media library **/
table.mediaTable td, table.mediaTable th, table.productListing td, table.productListing th{
  vertical-align:top;
}

table.mediaTable td.narrowCol, table.mediaTable th.narrowCol{
  width:45px;
}
table.productListing{
  width:80%;
  text-align:left;
}

table.productListing tr td img{
  margin:0 5px 5px 0;
}
table.productListing tr:first-child{
  border:none;
}
table.productListing tr{
  line-height:20px;
}
table.productListing tr td:first-child{
  width:180px;
}

table.mediaTable a.mediaInfo {
  display: block;
  width: 16px;
  height: 16px;
  color: #231f20 !important;
  background: transparent url(../images/buttons/info.png) left top no-repeat;
}

table.mediaTable a.mediaInfo:hover,
table.mediaTable a.mediaInfo:active {
  background-position: left -16px;
}

.content-navigator-previous,
.content-navigator-arrow,
.content-navigator-previous-disabled,
.content-navigator-arrow,
.content-navigator-separator,
.content-navigator-separator-disabled,
.content-navigator-forum-link{
  float:left;
}

.content-navigator-arrow{
  display:none;
}
.content-navigator{
  margin-bottom:5px;
}

.content-navigator > div{
  margin-right:3px;
}

.mediaInfoDiv{
  margin-top:10px;
  width:600px;
}
/** Media library:END **/

/** Object states **/
.state_hidden, #mainCenterColumn a.state_hidden {
  text-decoration: line-through !important;
  color: #8F8F8F !important;
}
/** Object states:END **/

/** BreadCrumbs **/
#breadCrumbs{
  background: #FFFFFF url("../images/navi/breadcrumbs_bg.png") repeat-x scroll left top;
  height: 30px;
  width: 950px;
  display: block;
  color: #231f20;
}
#breadCrumbs a{
  color: #231f20;
}
#breadCrumbs a:hover, #breadCrumbs a:active {
  color: #cc0000;
}

#breadCrumbs #crumbs{
  padding:8px 11px 0 11px;
}
#breadCrumbs span.separator{
  background: #FFFFFF url("../images/navi/breadcrumbs_separator.png") no-repeat scroll left top;
  width:17px;
  height:8px;
  display:inline-block;
}

.cookie-notice {
    font-size: 12px!important;
}