/*PRIMARYNAVIGATION*/

.nav li.gray a{color: #666;}
.nav li.yellow a{color: #FF9900}
.nav li.green a{color: #33CC33}
.nav li.rose a{color: #FF66FF}
.nav li.blue a{color: #00CCFF}
.nav li.red a{color: #FF0000}
.nav li.violet a{color: #CC00FF}

.nav li.gray span{background: #666;}
.nav li.yellow span{background: #FF9900;}
.nav li.green span{background: #33CC33;}
.nav li.rose span{background: #FF66FF;}
.nav li.blue span{background: #00CCFF;}
.nav li.red span{background: #FF0000;}
.nav li.violet span{background: #CC00FF;}

/*SUBNAVIGATION TOPFULLHOLDER*/

.topFullHolder.gray{background: #666;}
.topFullHolder.yellow{background: #FF9900;}
.topFullHolder.green{background: #33CC33;}
.topFullHolder.rose{background: #FF66FF;}
.topFullHolder.blue{background: #00CCFF;}
.topFullHolder.red{background: #FF0000;}
.topFullHolder.violet{background: #CC00FF;}

.topFullHolderDepth3.gray{background: #484848;}
.topFullHolderDepth3.yellow{background: #D98200;}
.topFullHolderDepth3.green{background: #249324;}
.topFullHolderDepth3.rose{background: #E100E1;}
.topFullHolderDepth3.blue{background: #0093B7;}
.topFullHolderDepth3.red{background: #C40000;}
.topFullHolderDepth3.violet{background: #9C00C4;}

/*HORIZONTALSUBNAVIGATION*/

.gray .horizontalSubNavigation ul li a.onPath{background: #484848;}
.yellow .horizontalSubNavigation ul li a.onPath{background: #D98200;}
.green .horizontalSubNavigation ul li a.onPath{background: #249324;}
.rose .horizontalSubNavigation ul li a.onPath{background: #E100E1;}
.blue .horizontalSubNavigation ul li a.onPath{background: #0093B7;}
.red .horizontalSubNavigation ul li a.onPath{background: #C40000;}
.violet .horizontalSubNavigation ul li a.onPath{background: #9C00C4;}

/*HERO-ITEM PART*/

.hero-item.gray {border-bottom: 1px solid #282828; background-color: #D6D6D6;}
.hero-item.yellow {border-bottom: 1px solid #ff9900;}
.hero-item.green {border-bottom: 1px solid #33cc33;}
.hero-item.rose {border-bottom: 1px solid #ff66ff;}
.hero-item.blue {border-bottom: 1px solid #00ccff;}
.hero-item.red {border-bottom: 1px solid #ff0000;}
.hero-item.violet {border-bottom: 1px solid #cc00ff;}

.hero-item.gray h3 a:hover {color: #282828;}
.hero-item.yellow h3 a:hover {color: #ff9900;}
.hero-item.green h3 a:hover {color: #33cc33;}
.hero-item.rose h3 a:hover {color: #ff66ff;}
.hero-item.blue h3 a:hover {color: #00ccff;}
.hero-item.red h3 a:hover {color: #ff0000;}
.hero-item.violet h3 a:hover {color: #cc00ff;}

.hero-item.gray a span.commentsCloud {background-position: left -301px;}
.hero-item.gray a span.commentsCloud span {background-color: #282828;}
.hero-item.yellow a span.commentsCloud {background-position: left -43px;}
.hero-item.yellow a span.commentsCloud span {background-color: #ff9900;}
.hero-item.green a span.commentsCloud {background-position: left -86px;}
.hero-item.green a span.commentsCloud span {background-color: #33cc33;}
.hero-item.rose a span.commentsCloud {background-position: left -129px;}
.hero-item.rose a span.commentsCloud span {background-color: #ff66ff;}
.hero-item.blue a span.commentsCloud {background-position: left -172px;}
.hero-item.blue a span.commentsCloud span {background-color: #00ccff;}
.hero-item.red a span.commentsCloud {background-position: left -215px;}
.hero-item.red a span.commentsCloud span {background-color: #ff0000;}
.hero-item.violet a span.commentsCloud {background-position: left -258px;}
.hero-item.violet a span.commentsCloud span {background-color: #cc00ff;}

.hero-item.gray a span.type {background-position: left -420px;}
.hero-item.yellow a span.type {background-position: left -60px;}
.hero-item.green a span.type {background-position: left -120px;}
.hero-item.rose a span.type {background-position: left -180px;}
.hero-item.blue a span.type {background-position: left -240px;}
.hero-item.red a span.type {background-position: left -300px;}
.hero-item.violet a span.type {background-position: left -360px;}

.latest-item.gray a span.commentThumb {background-position: left -301px;}
.latest-item.gray a span.commentThumb span {background-color: #282828;}
.latest-item.yellow a span.commentThumb {background-position: left -43px;}
.latest-item.yellow a span.commentThumb span {background-color: #ff9900;}
.latest-item.green a span.commentThumb {background-position: left -86px;}
.latest-item.green a span.commentThumb span {background-color: #33cc33;}
.latest-item.rose a span.commentThumb {background-position: left -129px;}
.latest-item.rose a span.commentThumb span {background-color: #ff66ff;}
.latest-item.blue a span.commentThumb {background-position: left -172px;}
.latest-item.blue a span.commentThumb span {background-color: #00ccff;}
.latest-item.red a span.commentThumb {background-position: left -215px;}
.latest-item.red a span.commentThumb span {background-color: #ff0000;}
.latest-item.violet a span.commentThumb {background-position: left -258px;}
.latest-item.violet a span.commentThumb span {background-color: #cc00ff;}

.latest-item.gray a span.sectionThumb {background-position: left -420px;}
.latest-item.yellow a span.sectionThumb {background-position: left -60px;}
.latest-item.green a span.sectionThumb {background-position: left -120px;}
.latest-item.rose a span.sectionThumb {background-position: left -180px;}
.latest-item.blue a span.sectionThumb {background-position: left -240px;}
.latest-item.red a span.sectionThumb {background-position: left -300px;}
.latest-item.violet a span.sectionThumb {background-position: left -360px;}

.latest-item.gray h2.title a:hover {color: #282828;}
.latest-item.yellow h2.title a:hover {color: #ff9900;}
.latest-item.green h2.title a:hover {color: #33cc33;}
.latest-item.rose h2.title a:hover {color: #ff66ff;}
.latest-item.blue h2.title a:hover {color: #00ccff;}
.latest-item.red h2.title a:hover {color: #ff0000;}
.latest-item.violet h2.title a:hover {color: #cc00ff;}

.hero-item.slider-box .gray h3 {border-bottom: 1px solid #282828;}
.hero-item.slider-box .yellow h3 {border-bottom: 1px solid #ff9900;}
.hero-item.slider-box .green h3 {border-bottom: 1px solid #33cc33;}
.hero-item.slider-box .rose h3 {border-bottom: 1px solid #ff66ff;}
.hero-item.slider-box .blue h3 {border-bottom: 1px solid #00ccff;}
.hero-item.slider-box .red h3 {border-bottom: 1px solid #ff0000;}
.hero-item.slider-box .violet h3 {border-bottom: 1px solid #cc00ff;}

.hero-item.slider-box .gray a:hover h3 {color: #282828;}
.hero-item.slider-box .yellow a:hover h3 {color: #ff9900;}
.hero-item.slider-box .green a:hover h3 {color: #33cc33;}
.hero-item.slider-box .rose a:hover h3 {color: #ff66ff;}
.hero-item.slider-box .blue a:hover h3 {color: #00ccff;}
.hero-item.slider-box .red a:hover h3 {color: #ff0000;}
.hero-item.slider-box .violet a:hover h3 {color: #cc00ff;}

.hero-item .gray a span.type {background-position: left -420px;}
.hero-item .yellow a span.type {background-position: left -60px;}
.hero-item .green a span.type {background-position: left -120px;}
.hero-item .rose a span.type {background-position: left -180px;}
.hero-item .blue a span.type {background-position: left -240px;}
.hero-item .red a span.type {background-position: left -300px;}
.hero-item .violet a span.type {background-position: left -360px;}

.video-box-element.gray span.type {background-position: left -420px;}
.video-box-element.yellow span.type {background-position: left -60px;}
.video-box-element.green span.type {background-position: left -120px;}
.video-box-element.rose span.type {background-position: left -180px;}
.video-box-element.blue span.type {background-position: left -240px;}
.video-box-element.red span.type {background-position: left -300px;}
.video-box-element.violet span.type {background-position: left -360px;}

.video-box-element.gray a span.commentsCloud {background-position: left -301px;}
.video-box-element.gray a span.commentsCloud span {background-color: #282828;}
.video-box-element.yellow a span.commentsCloud {background-position: left -43px;}
.video-box-element.yellow a span.commentsCloud span {background-color: #ff9900;}
.video-box-element.green a span.commentsCloud {background-position: left -86px;}
.video-box-element.green a span.commentsCloud span {background-color: #33cc33;}
.video-box-element.rose a span.commentsCloud {background-position: left -129px;}
.video-box-element.rose a span.commentsCloud span {background-color: #ff66ff;}
.video-box-element.blue a span.commentsCloud {background-position: left -172px;}
.video-box-element.blue a span.commentsCloud span {background-color: #00ccff;}
.video-box-element.red a span.commentsCloud {background-position: left -215px;}
.video-box-element.red a span.commentsCloud span {background-color: #ff0000;}
.video-box-element.violet a span.commentsCloud {background-position: left -258px;}
.video-box-element.violet a span.commentsCloud span {background-color: #cc00ff;}

.video-box-element.gray {border-bottom: 1px solid #282828; background-color: #D6D6D6;}
.video-box-element.yellow {border-bottom: 1px solid #ff9900;}
.video-box-element.green {border-bottom: 1px solid #33cc33;}
.video-box-element.rose {border-bottom: 1px solid #ff66ff;}
.video-box-element.blue {border-bottom: 1px solid #00ccff;}
.video-box-element.red {border-bottom: 1px solid #ff0000;}
.video-box-element.violet {border-bottom: 1px solid #cc00ff;}

.video-box-element.gray h3 a:hover {color: #282828;}
.video-box-element.yellow h3 a:hover {color: #ff9900;}
.video-box-element.green h3 a:hover {color: #33cc33;}
.video-box-element.rose h3 a:hover {color: #ff66ff;}
.video-box-element.blue h3 a:hover {color: #00ccff;}
.video-box-element.red h3 a:hover {color: #ff0000;}
.video-box-element.violet h3 a:hover {color: #cc00ff;}

.gray a .videoPlay {background-position: 0 0;}
.yellow a .videoPlay {background-position: 0 -66px;}
.green a .videoPlay {background-position: 0 -132px;}
.rose a .videoPlay {background-position: 0 -198px;}
.blue a .videoPlay {background-position: 0 -264px;}
.red a .videoPlay {background-position: 0 -330px;}
.violet a .videoPlay {background-position: 0 -396px;}

/*SECTION TITLE*/

h2.sectionTitle.gray {background-position: left -420px;}
h2.sectionTitle.yellow {background-position: left -60px;}
h2.sectionTitle.green {background-position: left -120px;}
h2.sectionTitle.rose {background-position: left -180px;}
h2.sectionTitle.blue {background-position: left -240px;}
h2.sectionTitle.red {background-position: left -300px;}
h2.sectionTitle.violet {background-position: left -360px;}

/*MEDIA*/

.media-box.gray a span.commentsCloud {
    background-position: left -301px;
}

.media-box.gray a span.commentsCloud span {
    background-color: #282828;
}

.media-box.yellow a span.commentsCloud {
    background-position: left -43px;
}

.media-box.yellow a span.commentsCloud span {
    background-color: #FF9900;
}

.media-box.green a span.commentsCloud {
    background-position: left -86px;
}

.media-box.green a span.commentsCloud span {
    background-color: #33CC33;
}

.media-box.rose a span.commentsCloud {
    background-position: left -129px;
}

.media-box.rose a span.commentsCloud span {
    background-color: #FF66FF;
}

.media-box.blue a span.commentsCloud {
    background-position: left -172px;
}

.media-box.blue a span.commentsCloud span {
    background-color: #00CCFF;
}

.media-box.red a span.commentsCloud {
    background-position: left -215px;
}

.media-box.red a span.commentsCloud span {
    background-color: #FF0000;
}

.media-box.violet a span.commentsCloud {
    background-position: left -258px;
}

.media-box.violet a span.commentsCloud span {
    background-color: #CC00FF;
}

.media-box.gray a .videoPlay {
    background-position: 0 0;
}

.media-box.yellow a .videoPlay {
    background-position: 0 -66px;
}

.media-box.green a .videoPlay {
    background-position: 0 -132px;
}

.media-box.rose a .videoPlay {
    background-position: 0 -198px;
}

.media-box.blue a .videoPlay {
    background-position: 0 -264px;
}

.media-box.red a .videoPlay {
    background-position: 0 -330px;
}

.media-box.violet a .videoPlay {
    background-position: 0 -396px;
}

/*STORY*/

.storyNav.gray a.smallThumbComments span.commentThumb {
    background-position: left -301px;
}

.storyNav.gray a.smallThumbComments span.commentThumb span {
    background-color: #282828;
}

.storyNav.yellow a.smallThumbComments span.commentThumb {
    background-position: left -43px;
}

.storyNav.yellow a.smallThumbComments span.commentThumb span {
    background-color: #ff9900;
}

.storyNav.green a.smallThumbComments span.commentThumb {
    background-position: left -86px;
}

.storyNav.green a.smallThumbComments span.commentThumb span {
    background-color: #33cc33;
}

.storyNav.rose a.smallThumbComments span.commentThumb {
    background-position: left -129px;
}

.storyNav.rose a.smallThumbComments span.commentThumb span {
    background-color: #ff66ff;
}

.storyNav.blue a.smallThumbComments span.commentThumb {
    background-position: left -172px;
}

.storyNav.blue a.smallThumbComments span.commentThumb span {
    background-color: #00ccff;
}

.storyNav.red a.smallThumbComments span.commentThumb {
    background-position: left -215px;
}

.storyNav.red a.smallThumbComments span.commentThumb span {
    background-color: #ff0000;
}

.storyNav.violet a.smallThumbComments span.commentThumb {
    background-position: left -258px;
}

.storyNav.violet a.smallThumbComments span.commentThumb span {
    background-color: #cc00ff;
}

.tagRelated.gray .tagStory span.thumb-comment {
    background-position: left -301px;
}

.tagRelated.gray .tagStory span.thumb-comment span {
    background-color: #282828;
}

.tagRelated.yellow .tagStory span.thumb-comment {
    background-position: left -43px;
}

.tagRelated.yellow .tagStory span.thumb-comment span {
    background-color: #ff9900;
}

.tagRelated.green .tagStory span.thumb-comment {
    background-position: left -86px;
}

.tagRelated.green .tagStory span.thumb-comment span {
    background-color: #33cc33;
}

.tagRelated.rose .tagStory span.thumb-comment {
    background-position: left -129px;
}

.tagRelated.rose .tagStory span.thumb-comment span {
    background-color: #ff66ff;
}

.tagRelated.blue .tagStory span.thumb-comment {
    background-position: left -172px;
}

.tagRelated.blue .tagStory span.thumb-comment span {
    background-color: #00ccff;
}

.tagRelated.red .tagStory span.thumb-comment {
    background-position: left -215px;
}

.tagRelated.red .tagStory span.thumb-comment span {
    background-color: #ff0000;
}

.tagRelated.violet .tagStory span.thumb-comment {
    background-position: left -258px;
}

.tagRelated.violet .tagStory span.thumb-comment span {
    background-color: #cc00ff;
}

/**/