@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0px none;
     margin: 0px;
     padding: 0px;
     vertical-align: baseline;
}

body {
     background: none repeat scroll 0px 0px #333333;
     font-family: Arial,Helvetica,sans-serif;
	 -webkit-text-size-adjust:100% !important;
}

a {
     outline: medium none;
     text-decoration: none;
}

ul {
     list-style: none outside none;
}

h1 {
     font-family: 'PT Sans',Arial,Helvetica,sans-serif;
     font-size: 38px;
     font-weight: 700;
     margin: 38px 0px 0px 42px;
     overflow: hidden;
     position: absolute;
     text-decoration: none;
     top: -999px;
}
#left_box{
	clear:right;
	height:60px;	
}

.maincontainer {
     margin: 0px ! important;
     width: 100% ! important;
}

#exp_container {
     background: none repeat scroll 0px 0px #707070;
     font-family: Arial,Helvetica,sans-serif ! important;
     height: 696px;
     left: -1px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     position: relative;
     width: 1006px;
}

#wrap {
     height: 596px;
     margin-left: auto;
     margin-right: auto;
     position: relative;
     width: 1006px;
}

#left_col {
     background: none repeat scroll 0px 0px #000000;
     clear: both;
     font-family: Arial,Helvetica,sans-serif;
     height: 60px;
     width: 1006px;
}

#left_nav {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/top_nav_bg.jpg") repeat-x scroll 0px 0px transparent;
     float: left;
     height: 60px;
     list-style: none outside none;
     width: 1006px;
}

#left_nav li {
     float: left;
     font-family: Arial,Helvetica,sans-serif;
     height: 60px;
     min-width: 105px;
     padding: 0px 10.75px;
     text-transform: uppercase;
}

#link-1, #link-1-fr, #link-2, #link-3 {
     float: left;
     height: 60px;
     width: 105px;
}

#link-1 {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_trends2013.png") no-repeat scroll 1px 2px transparent;
     color: #333333;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 18px;
     font-weight: 700;
     height: 61px;
     left: 20px;
     margin: 5px;
     padding: 15px 0px 0px 40px;
     position: relative;
     text-align: center;
     width: 125px;
}
#link-1-fr {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_trends2013.png") no-repeat scroll 1px 2px transparent;
     color: #333333;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 18px;
     font-weight: 700;
     height: 61px;
     left: 20px;
     margin: 5px;
     padding: 15px 0px 0px 60px;
     position: relative;
     text-align: center;
     width: 125px;
}

#link-2 {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_videos.png") no-repeat scroll 1px 2px transparent;
     color: #333333;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 18px;
     font-weight: 700;
     height: 61px;
     left: 20px;
     margin: 5px;
     padding: 15px 0px 0px 50px;
     position: relative;
     text-align: center;
     width: 100px;
}

#link-3 {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_colorofyear_lemon.png") no-repeat scroll 1px 2px transparent;
     color: #333333;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     font-weight: 700;
     height: 61px;
     left: 20px;
     margin: 5px;
     padding: 12px 0px 0px 65px;
     position: relative;
     text-align: left;
     width: 75px;
}

#link-1-fr.activeSection {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_trends2013.png") no-repeat scroll 1px 2px #707070;
     color: #FFFFFF;
}

#link-1.activeSection {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_trends2013.png") no-repeat scroll 1px 2px #707070;
     color: #FFFFFF;
}

#link-2.activeSection {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_videos.png") no-repeat scroll 1px 2px #707070;
     color: #FFFFFF;
}

#link-3.activeSection {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/nav_icon_colorofyear_lemon.png") no-repeat scroll 1px 2px #707070;
     color: #FFFFFF;
}

#link-0 {
     background: url("colortrends_logo_en-US.png") no-repeat scroll 0px 0px transparent;
     float: left;
     height: 60px;
     left: 15px;
     overflow: hidden;
     padding: 0px;
     position: relative;
     text-indent: -1999px;
     top: 5px;
     width: 369px;
}

#link-0 a {
     margin: 38px 0px 0px 42px;
     z-index: 1;
}

#link-0 p {
     color: #225F85;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 10.5px;
     margin: -7px 0px 0px 45px;
     width: 550px;
}


#link-0-ca{
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/colortrends_logo_en-CA-2013.png") no-repeat scroll 0px 0px transparent;
     float: left;
     height: 60px;
     left: 15px;
     overflow: hidden;
     padding: 0px;
     position: relative;
     text-indent: -1999px;
     top: 5px;
     width: 380px;
}

#link-0-ca a {
     margin: 38px 0px 0px 42px;
     z-index: 1;
}

#link-0-ca p {
     color: #225F85;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 10.5px;
     margin: -7px 0px 0px 45px;
     width: 550px;
}

#link-0-fr {
    background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/colortrends_logo_fr-CA-2013.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 60px;
    left: 15px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: -1999px;
    top: 5px;
    width: 385px;
}

#link-0-fr a {
     margin: 38px 0px 0px 42px;
     z-index: 1;
}

#link-0-fr p {
     color: #225F85;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 10.5px;
     margin: -7px 0px 0px 45px;
     width: 550px;
}

#removeload {
     display: none;
}

#content {
     background: none repeat scroll 0px 0px #FFFFFF;
     height: 535px;
     width: 1006px;
}

.section {
     font-family: Arial,Helvetica,sans-serif;
     height: 535px;
     width: 1006px;
}

.colorname {
     font-style: italic;
}

#sect-0 .innerwrap {
     background-color: #707070;
     color: #FFFFFF;
     float: left;
     height: 535px ! important;
     position: relative;
     width: 1006px;
}

.innerwrap {
    background-color: #707070;
    color: #FFFFFF;
    float: left;
    height: 574px;
    position: relative;
    width: 1006px;
}

#link-1 a, #link-1-fr a, #link-2 a, #link-3 a {
     color: #FFFFFF;
     display: block;
     height: 90px;
     text-align: center;
     width: 105px;
}

#link-1 a.current, #link-1-fr a.current, #link-2 a.current, #link-3 a.current {
     background-position: 1px -88px;
     cursor: pointer;
}

#link-1 p, #link-1-fr p, #link-2 p, #link-3 p {
     position: relative;
     top: 60px;
}

#tb {
    border-bottom: 1px solid #8B8B8B;
    color: #383838;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 135px;
    width: 530px;
}

#tb a {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 11px;
}

#defaulttrend {
     bottom: 500px;
     color: #383838;
     float: right;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 18px;
     line-height: 36px;
     position: relative;
     right: 45px;
     width: 381px;
}

#defaulttrend p {
     -moz-font-feature-settings: inherit;
     -moz-font-language-override: inherit;
     color: #383838;
     font-family: Arial,Helvetica,sans-serif;
     font-size-adjust: inherit;
     font-size: 18px;
     font-stretch: inherit;
     font-style: inherit;
     font-variant: inherit;
     font-weight: inherit;
     line-height: 36px;
     padding: 15px 0px;
}

.trends, .videos, .coloryear {
     border-top: 10px solid #707070;
}

.hidemain {
     display: none;
}

ul#es_tab, ul#ee_tab, ul#sl_tab, ul#ss_tab {
     height: 18px;
     left: 50px;
     margin: 0px ! important;
     padding: 0px;
     position: relative;
     top: -11px;
}

ul#es_tab li, ul#ee_tab li, ul#sl_tab li, ul#ss_tab li {
     float: left;
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}

ul#es_tab a, ul#ee_tab a, ul#sl_tab a, ul#ss_tab a {
     color: #FFFFFF;
     display: block;
     float: left;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 11px;
     height: 18px;
     margin-right: 2px;
     outline: 0px none;
     padding: 5px 15px;
     position: relative;
     text-decoration: none;
     top: 1px;
}

ul#es_tab a:hover, ul#ee_tab a:hover, ul#ss_tab a:hover, ul#sl_tab a:hover {
     color: #333333;
}

ul#es_tab a.current, ul#ee_tab a.current, ul#sl_tab a.current, ul#ss_tab a.current {
     background-color: #B5B5B5;
     color: #000000;
     cursor: default;
}

#callTab span {
     background-color: #B5B5B5;
     float: left;
     height: 200px;
     padding: 15px 0px;
}

#rightpanel {
     float: right;
     padding-top: 55px;
     width: 315px;
}

#rightpanel #rp-bottom {
     float: left;
     margin-top: -15px;
     padding: 0px;
     position: relative;
}

#rightpanel #rp-bottom .customScrollBox {
     margin-top: 5px;
     overflow: hidden;
     position: relative;
     width: 404px;
}

#rightpanel #rp-bottom .customScrollBox .container {
     float: left;
     height: 525px;
     position: relative;
     top: 0px;
     width: 417px;
}

#rightpanel #spInnerScroller {
     border: 0px none;
     height: 550px;
     margin: 0px;
     overflow: hidden;
     position: relative;
     text-decoration: none;
     vertical-align: top;
     width: 310px;
}

#rightpanel #spInnerScroller li {
     background: none repeat scroll 0px 0px #666666;
     cursor: pointer;
     float: left;
     height: 78px;
     overflow: hidden;
     padding: 5px 0px 5px 8px;
     width: 310px;
}

#rightpanel #spInnerScroller li a, #rightpanel #spInnerScroller li p {
     border: 0px none;
     color: #FFFFFF;
     display: block;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 11px;
     font-weight: 400;
     overflow: hidden;
     padding: 0px 2px;
     text-decoration: none;
}

#rightpanel #spInnerScroller li .currentSection {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/videoButtonHighlight.png");
     background-position: left 1px;
     background-repeat: no-repeat;
}

#rightpanel #spScrollerUp {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/up.png");
     background-position: 100px center;
     background-repeat: no-repeat;
     height: 30px;
     margin-top: 10px;
     overflow: hidden;
     position: relative;
     width: 100%;
}

#rightpanel #spScrollerDown {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/down.png");
     background-position: 100px center;
     background-repeat: no-repeat;
     height: 30px;
     margin: 10px 0px 15px;
     overflow: hidden;
     position: relative;
     width: 100%;
}

#rightpanel #rp-bottom.down #spScrollerUp {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/up_inactive.png");
     margin-top: 10px;
}

#rightpanel #rp-bottom.up #spScrollerDown {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/down_inactive.png");
     margin: 10px 0px 15px;
}

.inner_page {
    bottom: 233px;
    float: right;
    height: 110px;
    left: 3px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto;
}

.inner_page_title {
     bottom: 105px;
     left: 16px;
     position: relative;
     text-align: left;
}

.inner_page .inner_page_title h2 {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 36px;
     font-weight: 400;
     margin: 0px;
     padding: 0px;
}

.inner_page .chipContainer {
     bottom: 98px;
     height: 30px;
     left: -4px;
     position: relative;
     text-align: right;
     width: 340px;
}

.inner_page .inner_page_text {
     bottom: 91px;
     left: 20px;
     position: relative;
     text-align: left;
}

.inner_page .inner_page_text p {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 14px;
     font-weight: 400;
     margin: 0px;
     padding: 0px;
     text-transform: uppercase;
}

.inner_page .chipContainer .inner_chip {
     float: right;
     height: 30px;
     width: 63px;
}

#sto_es #inner_chip1 {
     background-color: #AABCB3;
}

#sto_es #inner_chip2 {
     background-color: #909183;
}

#sto_es #inner_chip3 {
     background-color: #E9E5D1;
}

#sto_es #inner_chip4 {
     background-color: #AA9453;
}

#sto_es #inner_chip5 {
     background-color: #6C6B5D;
}

.indextrend_container #es_inner_chip1 {
     background-color: #6C6B5D;
}

.indextrend_container #es_inner_chip2 {
     background-color: #AA9453;
}

.indextrend_container #es_inner_chip3 {
     background-color: #E9E5D1;
}

.indextrend_container #es_inner_chip4 {
     background-color: #909183;
}

.indextrend_container #es_inner_chip5 {
     background-color: #AABCB3;
}

.trend_inner_right #es_inner_chip1 {
     background-color: #AABCB3;
}

.trend_inner_right #es_inner_chip2 {
     background-color: #909183;
}

.trend_inner_right #es_inner_chip3 {
     background-color: #E9E5D1;
}

.trend_inner_right #es_inner_chip4 {
     background-color: #AA9453;
}

.trend_inner_right #es_inner_chip5 {
     background-color: #6C6B5D;
}

#sto_ee #inner_chip1 {
     background-color: #C5A079;
}

#sto_ee #inner_chip2 {
     background-color: #A0AFB3;
}

#sto_ee #inner_chip3 {
     background-color: #EFEDE4;
}

#sto_ee #inner_chip4 {
     background-color: #A64D5D;
}

#sto_ee #inner_chip5 {
     background-color: #908477;
}

.indextrend_container #ee_inner_chip1 {
     background-color: #908477;
}

.indextrend_container #ee_inner_chip2 {
     background-color: #A64D5D;
}

.indextrend_container #ee_inner_chip3 {
     background-color: #EFEDE4;
}

.indextrend_container #ee_inner_chip4 {
     background-color: #A0AFB3;
}

.indextrend_container #ee_inner_chip5 {
     background-color: #C5A079;
}

.trend_inner_right #ee_inner_chip1 {
     background-color: #303942;
}

.trend_inner_right #ee_inner_chip2 {
     background-color: #F0EDE2;
}

.trend_inner_right #ee_inner_chip3 {
     background-color: #E1C277;
}

.trend_inner_right #ee_inner_chip4 {
     background-color: #CBC6AF;
}

.trend_inner_right #ee_inner_chip5 {
     background-color: #857D70;
}

#sto_ss #inner_chip1 {
     background-color: #728189;
}

#sto_ss #inner_chip2 {
     background-color: #BAB1A0;
}

#sto_ss #inner_chip3 {
     background-color: #DDCDA5;
}

#sto_ss #inner_chip4 {
     background-color: #A56840;
}

#sto_ss #inner_chip5 {
     background-color: #E4DFD0;
}

.indextrend_container #ss_inner_chip1 {
     background-color: #E4DFD0;
}

.indextrend_container #ss_inner_chip2 {
     background-color: #A56840;
}

.indextrend_container #ss_inner_chip3 {
     background-color: #DDCDA5;
}

.indextrend_container #ss_inner_chip4 {
     background-color: #BAB1A0;
}

.indextrend_container #ss_inner_chip5 {
     background-color: #728189;
}

.trend_inner_right #ss_inner_chip1 {
     background-color: #728189;
}

.trend_inner_right #ss_inner_chip2 {
     background-color: #BAB1A0;
}

.trend_inner_right #ss_inner_chip3 {
     background-color: #DDCDA5;
}

.trend_inner_right #ss_inner_chip4 {
     background-color: #A56840;
}

.trend_inner_right #ss_inner_chip5 {
     background-color: #E4DFD0;
}

#sto_sl #inner_chip1 {
     background-color: #6D7081;
}

#sto_sl #inner_chip2 {
     background-color: #DFE0CE;
}

#sto_sl #inner_chip3 {
     background-color: #BC6D64;
}

#sto_sl #inner_chip4 {
     background-color: #CBC5B8;
}

#sto_sl #inner_chip5 {
     background-color: #614F45;
}

.indextrend_container #sl_inner_chip1 {
     background-color: #614F45;
}

.indextrend_container #sl_inner_chip2 {
     background-color: #CBC5B8;
}

.indextrend_container #sl_inner_chip3 {
     background-color: #BC6D64;
}

.indextrend_container #sl_inner_chip4 {
     background-color: #DFE0CE;
}

.indextrend_container #sl_inner_chip5 {
     background-color: #6D7081;
}

.trend_inner_right #sl_inner_chip1 {
     background-color: #6D7081;
}

.trend_inner_right #sl_inner_chip2 {
     background-color: #DFE0CE;
}

.trend_inner_right #sl_inner_chip3 {
     background-color: #BC6D64;
}

.trend_inner_right #sl_inner_chip4 {
     background-color: #CBC5B8;
}

.trend_inner_right #sl_inner_chip5 {
     background-color: #614F45;
}

#outter_text {
     bottom: 525px;
     color: #2D2E2C;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 20px;
     left: 57px;
     margin: 0px;
     overflow: hidden;
     padding: 0px;
     position: relative;
     text-align: left;
     width: 500px;
}

#outter_text span {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 32px;
     font-weight: 400;
     margin: 0px;
     padding: 0px 0px 25px;
}

#outter_text p {
     color: #2D2E2C;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 20px;
     line-height: 1.55em;
     margin: 0px;
     padding: 20px 0px;
}

#outter_text_fr{
     bottom: 525px;
     color: #2D2E2C;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 20px;
     left: 57px;
     margin: 0px;
     overflow: hidden;
     padding: 0px;
     position: relative;
     text-align: left;
     width: 500px;
}

#outter_text_fr span {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 30px;
     font-weight: 400;
     margin: 0px;
     padding: 0px 0px 25px;
}

#outter_text_fr p {
     color: #2D2E2C;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 17px;
     line-height: 1.55em;
     margin: 0px;
     padding: 20px 0px;
}

.indextrend_container {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/tile_bg.png");
     display: inline;
     float: left;
     height: 134px;
     width: 47px;
}

.indextrend_container .inner_chip {
     float: left;
     height: 24px;
     position: relative;
     top: 7.5px;
     width: 41px;
}

#tb .left_content {
     display: inline;
     float: left;
     font-family: Arial,Helvetica,sans-serif;
     position: relative;
     top: 25px;
     width: 268px;
}

#tb .left_content span {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 28px;
}

#tb .left_content p {
     font-family: Arial,Helvetica,sans-serif;
     padding: 3px 0px;
}

#tb .left_content .normalize {
     color: #B5B5B5 ! important;
     font-family: Arial,Helvetica,sans-serif ! important;
     font-size: 12px ! important;
     padding: 3px 0px ! important;
}

#tb .left_content .normalize_fr {
     color: #B5B5B5 ! important;
     font-family: Arial,Helvetica,sans-serif ! important;
     font-size: 11px ! important;
     padding: 3px 0px ! important;
}

#tb .left_img {
     display: inline;
     float: right;
     padding-top: 5px;
     width: auto;
}

.trend_container .trend_inner_left {
     float: left;
     padding-left: 25px;
     width: auto;
}

.trend_container .trend_inner_left h4 {
     color: #FFFFFF;
     font-size: 32px;
     font-weight: 400;
}

.trend_container .trend_inner_right {
     float: right;
     width: auto;
}

.trend_container .trend_inner_right .inner_chip {
     float: right;
     height: 40px;
     margin-bottom: 0px;
     padding-bottom: 0px;
     width: 100px;
}

.trend_container .trend_inner_right .inner_chip_text {
     color: #FFFFFF;
     float: right;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 10px;
     font-style: italic;
     height: 40px;
     left: 3px;
     margin-top: 0px;
     padding-top: 0px;
     position: relative;
     vertical-align: top;
     width: 100px;
}

.trend_container .trend_tab_container {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/int_car_bg.png") repeat-x scroll 0px 0px transparent;
     clear: both;
     height: 358px;
     width: 100%;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_ol {
     background: none repeat scroll 0px 0px #707070;
     float: left;
     padding-left: 10px;
     width: 45%;
}

#backtotab2 {
     color: #FFFFFF;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_ol .trend_inner_bottom_il {
     float: left;
     padding-top: 8px;
     width: 25%;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_ol .trend_inner_bottom_il p {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px 0;
    text-align: left;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_ol .trend_inner_bottom_ir {
     color: #FFFFFF;
     float: right;
     width: 60%;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_ol .trend_inner_bottom_ir .bottom_ir_title {
     font-family: Arial,Helvetica,sans-serif;
     font-size: 28px;
     padding-bottom: 5px;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_ol .trend_inner_bottom_ir .bottom_ir_text {
     font-family: Arial,Helvetica,sans-serif;
     font-size: 14px;
     line-height: 1.25em;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or {
     float: right;
     width: 50%;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_il {
     float: left;
     width: 55%;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_il .vid_container {
     border-bottom: 1px solid #8B8B8B;
     color: #383838;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     height: 78px;
     padding: 5px 0px;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_il .vid_inner_left {
     float: left;
     width: auto;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_il .vid_inner_right {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 11px;
     left: 5px;
     margin-left: 3px;
     position: relative;
     width: auto;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_ir {
     background-color: #333333;
     color: #FFFFFF;
     float: right;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     height: 119px;
     margin-right: 10px;
     padding-top: 25px;
     text-align: center;
     width: 204px;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_ir .db {
     padding: 10px 0px 5px 16px;
     text-align: left;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_ir .cr {
     padding: 5px 0px 5px 16px;
     text-align: left;
}

.coloryear .coloryear_top {
     padding: 38px 0px 0px 50px;
}

.coloryear .coloryear_top .title {
     color: #383838;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 18px;
}


.coloryear .coloryear_left {
    background: none repeat scroll 0 0 #FEF2C2;
    height: 375px;
    margin: 10px 0 0;
    padding: 20px 0 0;
    width: 100%;
}

.coloryear .coloryear_left .coloryear_left_inner {
     color: #666666;
     float: left;
     font-size: 14px;
     line-height: 1.65em;
     padding: 0px 0px 0px 50px;
     width: 375px;
}

.coloryear .coloryear_left .coloryear_left_inner p, .coloryear .coloryear_left .coloryear_left_inner span {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.coloryear .coloryear_left .coloryear_left_inner p span {
     font-style: italic;
     font-weight: 700;
}

.coloryear .coloryear_right {
     float: right;
     position: relative;
     right: 35px;
     width: auto;
	 bottom:450px;
}

.videos #video_container {
     float: left;
     padding: 50px 20px;
     width: 640px;
}

#defaulttrend span, .coloryear .coloryear_top .subtitle {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 36px;
}

.subtitle {
     font-style: italic;
}

#sto_es, #sto_ee, #sto_sl, #sto_ss, .trend_container .trend_inner_left span {
     cursor: pointer;
}

#video_container .videoTitle {
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 24px;
     padding-top: 15px;
}

#video_container .videoCopy {
     color: #B5B5B5;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 14px;
}

.trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_il .vid_container a, .trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_ir .db a, .trend_container .trend_inner_bottom .trend_inner_bottom_or .trend_inner_bottom_ir .cr a {
     color: #FFFFFF;
}

.activeSection1 {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/selectedvid.png") repeat-y scroll 0px 0px transparent;
     color: #CCCCCC;
     padding: 5px 0px 5px 5px;
}

#video-sect-0, #video-sect-1, #video-sect-2, #video-sect-3, #video-sect-4, #video-sect-5, #video-sect-6, #video-sect-7, #video-sect-8, #video-sect-9, #video-sect-10, #video-sect-11 {
     height: 380px;
     width: 633px;
}

.inner_page img {
     left: 3px;
     position: relative;
     top: 3px;
}

.trend_container .trend_inner_top, .trend_container .trend_inner_bottom, #break {
     clear: both;
}

#exp_container {
     left: 0px;
}

.maincontent {
     height: 100%;
}

.bea-portal-layout-placeholder {
     height: 100%;
}

.bea-portal-layout-placeholder-container-east {
     height: 100%;
}

#maintab {
     z-index: 1000;
}

.mainpane {
     z-index: 100;
}

.trend_container {
    position: relative;
    top: 10px;
    z-index: 1;
	display:none;
}

#callTab .backward {
     clear: both;
     cursor: pointer;
     float: left;
     left: 5px;
     position: absolute;
     top: 225px;
     z-index: 1;
}

#callTab .forward {
     clear: both;
     cursor: pointer;
     float: right;
     position: absolute;
     right: 5px;
     top: 225px;
}

#footer2 {
     margin-top: 10px ! important;
}

.coloryear .coloryear_top .subtitle span {
     font-size: 0.6em;
}

.bea-portal-book-page {
     height: 100%;
}

.coursel_container {
     clear: both;
     padding: 0px 0px 35px;
     position: relative;
}

.coursel_container .coursel div {
     border: 0px none;
     margin: 0px;
     padding: 0px;
}

.coursel_container img {
     border: 0px none;
}

.coursel_container .coursel.js .coursel-wrap {
     height: 536px;
     margin: 0px auto;
     width: 1006px;
}

.coursel_container .coursel.js ul li {
     display: inline;
     float: left;
     height: 536px;
     margin: 0px ! important;
     padding: 0px ! important;
     text-align: center;
     width: 1006px;
}

.coursel_container .coursel ul {
     margin: 0px ! important;
     padding: 0px ! important;
}

.coursel_container .coursel .coursel-control {
     cursor: pointer;
     font-size: 11px;
     font-weight: 700;
     margin: 0px;
     padding: 0px;
}

.coursel_container .coursel .disabled {
     background: none repeat scroll 0px 0px #F4F4F4;
     color: #DDDDDD;
     cursor: default;
     display: none;
}

.coursel_container .coursel .next {
     position: absolute;
     right: 15px;
     top: 200px;
     z-index: 1000;
}

.coursel_container .coursel .previous {
     left: 15px;
     position: absolute;
     top: 200px;
     z-index: 1000;
}

.coursel_container .coursel .previous.hover {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/prev-active.png") no-repeat scroll right top transparent;
}

.coursel_container .coursel .next.hover {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/next-active.png") no-repeat scroll right top transparent;
}

.coursel_container div.center-wrap {
     border: 0px none;
     clear: both;
     margin: -7px 0px 0px;
     padding: 0px;
}

.coursel_container div.center-wrap div {
     border: 0px none;
     padding: 0px;
}

.coursel_container .coursel-pagination {
     margin: 0px 28px ! important;
     padding: 0px;
     text-align: center;
}

.coursel_container div.center-wrap p {
     line-height: 30px;
     margin: 0px;
     padding: 0px;
}

.coursel_container div.center-wrap a {
     background: none repeat scroll 0px 0px #F4F4F4;
     border: 1px solid #D3D3D3;
     cursor: pointer;
     margin: 0px;
     padding: 2px;
     text-decoration: none;
}

.coursel_container div.center-wrap a:hover {
     border: 1px solid gray;
}

.coursel_container div.center-wrap a.active {
     background: none repeat scroll 0px 0px #FFFFFF;
}

.coursel_container .coursel, .coursel_container .coursel .coursel-wrap {
     border: 0px none;
     margin: 0px 0px 15px;
}

.escoursel_container {
     clear: both;
     padding: 0px 0px 35px;
     position: relative;
}

.escoursel_container .coursel div {
     border: 0px none;
     margin: 0px;
     padding: 0px;
}

.escoursel_container img {
     border: 0px none;
}

.escoursel_container .coursel.js .coursel-wrap {
     height: 200px;
     margin: 0px auto;
     width: 1006px;
}

.escoursel_container .coursel.js ul li {
     display: inline;
     float: left;
     height: 300px;
     margin: 0px ! important;
     padding: 0px ! important;
     text-align: center;
     width: 1006px;
}

.escoursel_container .coursel ul {
     margin: 0px ! important;
     padding: 0px ! important;
}

.escoursel_container .coursel .coursel-control {
     cursor: pointer;
     font-size: 11px;
     font-weight: 700;
     margin: 0px;
     padding: 0px;
}

.escoursel_container .coursel .disabled {
     background: none repeat scroll 0px 0px #F4F4F4;
     color: #DDDDDD;
     cursor: default;
     display: none;
}

.escoursel_container .coursel .next {
     position: absolute;
     right: 15px;
     top: 115px;
     z-index: 1000;
}

.escoursel_container .coursel .previous {
     left: 15px;
     position: absolute;
     top: 115px;
     z-index: 1000;
}

.escoursel_container .coursel .previous.hover {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/prev-active.png") no-repeat scroll right top transparent;
}

.escoursel_container .coursel .next.hover {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/next-active.png") no-repeat scroll right top transparent;
}

.escoursel_container div.center-wrap {
     border: 0px none;
     clear: both;
     margin: -7px 0px 0px;
     padding: 0px;
}

.escoursel_container div.center-wrap div {
     border: 0px none;
     padding: 0px;
}

.escoursel_container .coursel-pagination {
     margin: 0px 28px ! important;
     padding: 0px;
     text-align: center;
}

.escoursel_container div.center-wrap p {
     line-height: 30px;
     margin: 0px;
     padding: 0px;
}

.escoursel_container div.center-wrap a {
     background: none repeat scroll 0px 0px #F4F4F4;
     border: 1px solid #D3D3D3;
     cursor: pointer;
     margin: 0px;
     padding: 2px;
     text-decoration: none;
}

.escoursel_container div.center-wrap a:hover {
     border: 1px solid gray;
}

.escoursel_container div.center-wrap a.active {
     background: none repeat scroll 0px 0px #FFFFFF;
}

.escoursel_container .coursel, .escoursel_container .coursel .coursel-wrap {
     border: 0px none;
     margin: 0px 0px 15px;
}

#fancybox-loading {
     cursor: pointer;
     display: none;
     height: 40px;
     left: 50%;
     margin-left: -20px;
     margin-top: -20px;
     overflow: hidden;
     position: fixed;
     top: 50%;
     width: 40px;
     z-index: 1104;
}

#fancybox-loading div {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png");
     height: 480px;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 40px;
}

#fancybox-overlay {
     display: none;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 1100;
}

#fancybox-tmp {
     border: 0px none;
     display: none;
     margin: 0px;
     overflow: auto;
     padding: 0px;
}

#fancybox-wrap {
     display: none;
     left: 0px;
     outline: medium none;
     padding: 20px;
     position: absolute;
     top: 0px;
     z-index: 1101;
}

#fancybox-outer {
     background: none repeat scroll 0px 0px #FFFFFF;
     height: 100%;
     position: relative;
     width: 100%;
}

#fancybox-content {
     border: 0px solid #FFFFFF;
     height: 0px;
     outline: medium none;
     overflow: hidden;
     padding: 0px;
     position: relative;
     width: 0px;
     z-index: 1102;
}

#fancybox-hide-sel-frame {
     background: none repeat scroll 0px 0px transparent;
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 1101;
}

#fancybox-close {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancy_close.png") no-repeat scroll right center transparent;
     color: #FFFFFF;
     cursor: pointer;
     display: none;
     font: bold 11px arial;
     height: 14px;
     margin-right: 5px;
     padding-right: 18px;
     position: absolute;
     right: 0px;
     top: -18px;
     z-index: 1103;
}

#fancybox-error {
     color: #444444;
     font: 12px/20px Arial;
     margin: 0px;
     padding: 14px;
}

#fancybox-img {
     border: medium none;
     height: 100%;
     line-height: 0;
     margin: 0px;
     outline: medium none;
     padding: 0px;
     vertical-align: top;
     width: 100%;
}

#fancybox-frame {
     border: medium none;
     display: block;
     height: 100%;
     width: 100%;
}

#fancybox-left, #fancybox-right {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/blank.gif") repeat scroll 0px 0px transparent;
     bottom: 0px;
     cursor: pointer;
     display: none;
     height: 100%;
     outline: medium none;
     position: absolute;
     width: 35%;
     z-index: 1102;
}

#fancybox-left {
     left: 0px;
}

#fancybox-right {
     right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
     cursor: pointer;
     display: block;
     height: 30px;
     left: -9999px;
     margin-top: -15px;
     position: absolute;
     top: 50%;
     width: 30px;
     z-index: 1102;
}

#fancybox-left-ico {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png");
     background-position: -40px -30px;
}

#fancybox-right-ico {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png");
     background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
     visibility: visible;
}

#fancybox-left:hover span {
     left: 20px;
}

#fancybox-right:hover span {
     left: auto;
     right: 20px;
}

.fancybox-bg {
     border: 0px none;
     height: 20px;
     margin: 0px;
     padding: 0px;
     position: absolute;
     width: 20px;
     z-index: 1001;
}

#fancybox-bg-n {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox-x.png");
     left: 0px;
     top: -20px;
     width: 100%;
}

#fancybox-bg-ne {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png");
     background-position: -40px -162px;
     right: -20px;
     top: -20px;
}

#fancybox-bg-e {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox-y.png");
     background-position: -20px 0px;
     height: 100%;
     right: -20px;
     top: 0px;
}

#fancybox-bg-se {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png");
     background-position: -40px -182px;
     bottom: -20px;
     right: -20px;
}

#fancybox-bg-s {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox-x.png");
     background-position: 0px -20px;
     bottom: -20px;
     left: 0px;
     width: 100%;
}

#fancybox-bg-sw {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png");
     background-position: -40px -142px;
     bottom: -20px;
     left: -20px;
}

#fancybox-bg-w {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox-y.png");
     height: 100%;
     left: -20px;
     top: 0px;
}

#fancybox-bg-nw {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png");
     background-position: -40px -122px;
     left: -20px;
     top: -20px;
}

#fancybox-title {
     font-family: Helvetica;
     font-size: 12px;
     z-index: 1102;
}

.fancybox-title-inside {
     background: none repeat scroll 0px 0px #FFFFFF;
     color: #333333;
     padding-bottom: 10px;
     position: relative;
     text-align: left;
}

.fancybox-title-outside {
     color: #FFFFFF;
     padding-top: 10px;
}

.fancybox-title-over {
     bottom: 0px;
     color: #FFFFFF;
     left: 0px;
     position: absolute;
     text-align: left;
}

#fancybox-title-over {
     background-image: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancy_title_over.png");
     display: block;
     padding: 10px;
}

.fancybox-title-float {
     bottom: -20px;
     height: 32px;
     left: 0px;
     position: absolute;
}

#fancybox-title-float-wrap {
     border-collapse: collapse;
     border: medium none;
     width: auto;
}

#fancybox-title-float-wrap td {
     border: medium none;
     white-space: nowrap;
}

#fancybox-title-float-left {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png") no-repeat scroll -40px -90px transparent;
     padding: 0px 0px 0px 15px;
}

#fancybox-title-float-main {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox-x.png") repeat scroll 0px -40px transparent;
     color: #FFFFFF;
     font-weight: 700;
     line-height: 29px;
     padding: 0px 0px 3px;
}

#fancybox-title-float-right {
     background: url("http://media.benjaminmoore.com/WebServices/prod/ColorTrends/images/colortrends2012/fancybox/fancybox.png") no-repeat scroll -55px -90px transparent;
     padding: 0px 0px 0px 15px;
}

#fancybox-title-inside span {
     font-style: italic;
}

#rightpanel #spScrollerDown a, #rightpanel #spScrollerUp a {
     display: block;
     height: 30px;
     text-decoration: none;
     width: 100%;
}

#rightpanel #rp-bottom.off #spScrollerUp, #rightpanel #rp-bottom.off #spScrollerDown {
     background-image: none;
}

.vertical {
     border-top: 1px solid #DDDDDD;
     height: 965px;
     overflow: hidden;
     position: relative;
     width: 650px;
}

.items {
     height: 20000em;
     margin: 0px;
     position: absolute;
}

.item {
     border-bottom: 1px solid #DDDDDD;
     font-size: 12px;
     height: 180px;
     margin: 10px 0px;
     padding: 15px;
}

.item img {
     float: left;
     height: 180px;
     margin-right: 20px;
     width: 240px;
}

.item h3 {
     color: #445566;
     font-size: 16px;
     font-weight: normal;
     margin: 0px 0px 5px;
}

#actions {
     margin: 30px 0px 10px;
     width: 650px;
}

#actions a {
     color: #666666;
     cursor: pointer;
     font-size: 11px;
}

#actions a:hover {
     color: #000000;
     text-decoration: underline;
}

#rightpanel #spScrollerUp.disabled {
     background-image: url("images/colortrends2012/up_inactive.png");
     margin-top: 10px;
}

#rightpanel #spScrollerDown.disabled {
     background-image: url("images/colortrends2012/down_inactive.png");
}

.next {
     cursor: pointer;
     float: right;
}

.prev {
     cursor: pointer;
     float: right;
}

#spOuterScroller {
     border: 0px none;
     height: 1730px;
     margin: 0px;
     position: relative;
     text-decoration: none;
     vertical-align: top;
     width: 316px;
}

.vidthumbs {
     height: 550px;
}