/* Copyright Mutualités Neutres Created by Evolutionland Contact: nicolas@evolutionland.eu */ /* CSS Document */ @charset "utf-8"; div, h4, h5, h6, ul, ol, dl, li, form, fieldset, img { margin: 0; padding: 0; } /*PORTLETS HOMEPAGE*/ .Com_CT { width: 980px; height: 124px; margin-top: 10px; } .Com_CT .CCT_Img { width: 245px; height: 124px; float: left; position: relative; cursor: pointer;} .CCT_Img img{ z-index: 5;} .CCT_Img .CCTI_Txt { z-index: 10; font-size: 11px; text-transform: uppercase; color: #fff; position: absolute; bottom: 7px; display: block; width: 245px; text-align: center;} .CCT_Img a { z-index: 10; font-size: 11px; text-transform: uppercase; color: #fff; position: absolute; display: block; width: 245px; text-align: center; text-decoration: none; cursor: pointer;} .CCT_Img a:hover { color: #fff; text-decoration: none;} .Com_CT .CCT_Text { width: 245px; height: 124px; float: left; background: pink; position: relative; background: url(++resource++MutNeutresImages/Portlet_Home_txtBg.jpg) top left no-repeat;} .CCT_Text img { position: absolute; top:25px; left: 5px;} .CCT_Text a.CCTT_Txt { z-index: 10; font-size: 11px; text-transform: uppercase; color: #fff; position: absolute; display: block; width: 245px; height:17px; text-align: center; text-decoration: none; padding-top: 107px; cursor: pointer;} .CCT_Text a:hover.CCTT_Txt { z-index: 10; color: #fff; text-decoration: none;} .CCT_Text .Txt_S1 {z-index: 5; position: absolute; top:22px; left: 82px; width: 150px; font-weight: bold; text-transform: uppercase; color: #414141; font-size:11px; line-height: 11px; text-align: left; line-height: 12px;} .CCT_Text .Txt_S2 {z-index: 5; position: absolute; top:48px; left: 82px; width: 150px; font-weight: bold; color: #f30056; font-size: 11px;text-align: left; line-height: 12px;} .CCT_Text .Txt_S3 {z-index: 5; position: absolute; bottom:5px; left: 5px; width: 240px; color: #fff; font-size: 11px;text-align: center;} .CCT_Text .Txt_L1 {z-index: 5; position: absolute; top:18px; left: 15px; width: 220px; font-weight: bold; text-transform: uppercase; color: #414141; font-size:11px; line-height: 11px; text-align: left; line-height: 12px;} .CCT_Text .Txt_L2 {z-index: 5; position: absolute; top:30px; left: 15px; width: 220px; font-weight: bold; color: #f30056; font-size: 11px; text-align: left; line-height: 12px;} .CCT_Text .Txt_L3 {z-index: 5; position: absolute; bottom:5px; left: 5px; width: 240px; color: #fff; font-size: 11px; text-align: center; } /*Body One Column START*/ .BOC_CT { width: 656px; height: 156px; background: url(++resource++MutNeutresImages/bg_Portlet_One.jpg) top left no-repeat; position: relative;} .BOC_CT img { position: absolute; top:16px; left: 10px; width:192px; height: 122px; background-color: #d3d3d3;} .BOC_CT h4 { position: absolute; top:16px; left: 220px; font-size: 22px; font-weight: bold; color: #2c2b2b; width: 430px;} /*pink subtitle case*/ .BOC_CT .pink .BOC_h5 { position: absolute; top:42px; left: 220px; font-size: 14px; font-weight: bold; color: #c93a6b; width: 430px;} .BOC_CT .pink h4 { position: absolute; top:16px; left: 220px; font-size: 22px; font-weight: bold; color: #2c2b2b; width: 430px;} /*orange subtitle case*/ .BOC_CT .orange .BOC_h5 { position: absolute; top:40px; left: 220px; font-size: 14px; font-weight: bold; color: #d8a800; width: 430px;} .BOC_CT .orange h4 { position: absolute; top:16px; left: 220px; font-size: 22px; font-weight: bold; color: #2c2b2b; width: 430px;} /*olive subtitle case*/ .BOC_CT .olive .BOC_h5 { position: absolute; top:42px; left: 220px; font-size: 14px; font-weight: bold; color: #a2ac01; width: 430px;} .BOC_CT .olive h4 { position: absolute; top:16px; left: 220px; font-size: 22px; font-weight: bold; color: #2c2b2b; width: 430px;} /*blue subtitle case*/ .BOC_CT .blue .BOC_h5 { position: absolute; top:40px; left: 220px; font-size: 14px; font-weight: bold; color: #2e3741; width: 430px;} .BOC_CT .blue h4 { position: absolute; top:16px; left: 220px; font-size: 22px; font-weight: bold; color: #2c2b2b; width: 430px;} /*green subtitle case*/ .BOC_CT .green .BOC_h5 { position: absolute; top:40px; left: 220px; font-size: 14px; font-weight: bold; color: #617420; width: 430px;} .BOC_CT .green h4 { position: absolute; top:16px; left: 220px; font-size: 22px; font-weight: bold; color: #2c2b2b; width: 430px;} /*Label*/ .BOC_CT .pink .BOC_LabelCT {position: absolute; top:63px; left: 220px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Pink.jpg) top left no-repeat;} .BOC_CT .orange .BOC_LabelCT {position: absolute; top:63px; left: 220px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Orange.jpg) top left no-repeat;} .BOC_CT .olive .BOC_LabelCT {position: absolute; top:63px; left: 220px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Olive.jpg) top left no-repeat;} .BOC_CT .blue .BOC_LabelCT {position: absolute; top:63px; left: 220px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Blue.jpg) top left no-repeat;} .BOC_CT .green .BOC_LabelCT {position: absolute; top:63px; left: 220px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Green.jpg) top left no-repeat;} .BOC_LabelCT .BOC_L1 { color: #fff; width: 46px; font-size: 10px; text-align: center; position: absolute; top:3px; left: 5px;} .BOC_LabelCT .BOC_L2 { color: #fff; width: 52px; font-size: 13px; text-align: center; position: absolute; top:15px; left: 3px;} .BOC_LabelCT .BOC_L3 { color: #fff; width: 46px; font-size: 10px; text-align: center; position: absolute; top:28px; left: 5px;} /*Content Description*/ .BOC_CT .BOC_TitleDesc { position: absolute; top:63px; left: 285px; width: 360px; font-weight: bold; font-size: 11px; line-height: 11px;} .BOC_CT .BOC_Desc { position: absolute; top:75px; left: 285px; width: 360px; font-size: 11px; line-height: 11px;} /*pink button case*/ .BOC_CT .pink .BOC_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Pink01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOC_CT .pink .BOC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Pink.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOC_CT .pink .BOC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Pink02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*orange button case*/ .BOC_CT .orange .BOC_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOC_CT .orange .BOC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOC_CT .orange .BOC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Yellow02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*olive button case*/ .BOC_CT .olive .BOC_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Olive01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOC_CT .olive .BOC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Olive.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOC_CT .olive .BOC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Olive02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*blue button case*/ .BOC_CT .blue .BOC_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Blue01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOC_CT .blue .BOC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Blue.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOC_CT .blue .BOC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Blue02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*green button case*/ .BOC_CT .green .BOC_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Green01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOC_CT .green .BOC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Green.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOC_CT .green .BOC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Green02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*Body One Column END*/ /*Body One Column START*/ .BOCI_CT { width: 656px; height: 156px; background: url(++resource++MutNeutresImages/bg_Portlet_One.jpg) top left no-repeat; position: relative;} .BOCI_CT img { position: absolute; top:16px; left: 10px; width:192px; height: 122px; background-color: #d3d3d3;} .BOCI_CT h4 { position: absolute; top:16px; left: 220px; font-size: 22px; font-weight: bold; color: #2c2b2b; width: 430px;} /*pink subtitle case*/ .BOCI_CT .pink .BOCI_h5 { position: absolute; top:42px; left: 220px; font-size: 14px; font-weight: bold; color: #c93a6b; width: 430px;} /*orange subtitle case*/ .BOCI_CT .orange .BOCI_h5 { position: absolute; top:40px; left: 220px; font-size: 14px; font-weight: bold; color: #d8a800; width: 430px;} /*olive subtitle case*/ .BOCI_CT .olive .BOCI_h5 { position: absolute; top:42px; left: 220px; font-size: 14px; font-weight: bold; color: #a2ac01; width: 430px;} /*blue subtitle case*/ .BOCI_CT .blue .BOCI_h5 { position: absolute; top:40px; left: 220px; font-size: 14px; font-weight: bold; color: #2e3741; width: 430px;} /*green subtitle case*/ .BOCI_CT .green .BOCI_h5 { position: absolute; top:40px; left: 220px; font-size: 14px; font-weight: bold; color: #617420; width: 430px;} /*Content Description*/ .BOCI_CT .BOCI_TitleDesc { position: absolute; top:63px; left: 222px; width: 423px; font-size: 12px; line-height: 13px;} .BOCI_CT .BOCI_Desc { position: absolute; top:75px; left: 285px; width: 360px; font-size: 11px; line-height: 11px;} /*pink button case*/ .BOCI_CT .pink .BOCI_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Pink01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOCI_CT .pink .BOCI_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Pink.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOCI_CT .pink .BOCI_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Pink02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*orange button case*/ .BOCI_CT .orange .BOCI_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOCI_CT .orange .BOCI_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOCI_CT .orange .BOCI_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Yellow02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*olive button case*/ .BOCI_CT .olive .BOCI_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Olive01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOCI_CT .olive .BOCI_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Olive.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOCI_CT .olive .BOCI_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Olive02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*blue button case*/ .BOCI_CT .blue .BOCI_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Blue01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOCI_CT .blue .BOCI_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Blue.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOCI_CT .blue .BOCI_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Blue02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*green button case*/ .BOCI_CT .green .BOCI_Button { position: absolute; top:116px; left: 220px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Green01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BOCI_CT .green .BOCI_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Green.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BOCI_CT .green .BOCI_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Green02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*Body One Column END*/ /**********************************************************************************************/ /**********************************************************************************************/ /**********************************************************************************************/ /*Body Two Column START*/ .BTC_CT { width: 345px; height: 169px; background: url(++resource++MutNeutresImages/bg_BTC.jpg) top left no-repeat; position: relative; float: left;} .BTC_CT img { position: absolute; top:16px; left: 10px; width:80px; height: 98px; background-color: #d3d3d3;} .BTC_CT h4 { position: absolute; top:16px; left: 100px; font-size: 18px; font-weight: bold; color: #2c2b2b; width: 210px;} /*pink subtitle case*/ .BTC_CT .pink .BTC_h5 { position: absolute; top:38px; left: 100px; font-size: 12px; font-weight: bold; color: #c93a6b; width: 280px;} /*orange subtitle case*/ .BTC_CT .orange .BTC_h5 { position: absolute; top:38px; left: 100px; font-size: 12px; font-weight: bold; color: #d8a800; width: 280px;} /*olive subtitle case*/ .BTC_CT .olive .BTC_h5 { position: absolute; top:38px; left: 100px; font-size: 12px; font-weight: bold; color: #a2ac01; width: 280px;} /*blue subtitle case*/ .BTC_CT .blue .BTC_h5 { position: absolute; top:38px; left: 100px; font-size: 12px; font-weight: bold; color: #2e3741; width: 280px;} /*green subtitle case*/ .BTC_CT .green .BTC_h5 { position: absolute; top:38px; left: 100px; font-size: 12px; font-weight: bold; color: #617420; width: 280px;} /*Label*/ .BTC_CT .BTC_LabelCT {position: absolute; top:63px; left: 100px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Price.jpg) top left no-repeat; text-align: center; } .BTC_CT .pink .BTC_LabelCT {position: absolute; top:63px; left: 100px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Pink.jpg) top left no-repeat;} .BTC_CT .orange .BTC_LabelCT {position: absolute; top:63px; left: 100px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Orange.jpg) top left no-repeat;} .BTC_CT .olive .BTC_LabelCT {position: absolute; top:63px; left: 100px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Olive.jpg) top left no-repeat;} .BTC_CT .blue .BTC_LabelCT{position: absolute; top:63px; left: 100px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Blue.jpg) top left no-repeat;} .BTC_CT .green .BTC_LabelCT {position: absolute; top:63px; left: 100px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Green.jpg) top left no-repeat;} .BTC_LabelCT .BTC_L1 { color: #fff; width: 46px; font-size: 11px; text-align: center; position: absolute; top:3px; left: 5px;} .BTC_LabelCT .BTC_L2 { color: #fff; width: 52px; font-size: 13px; text-align: center; position: absolute; top:15px; left: 3px;} .BTC_LabelCT .BTC_L3 { color: #fff; width: 46px; font-size: 11px; text-align: center; position: absolute; top:28px; left: 5px;} /*Content Description*/ .BTC_CT .BTC_TitleDesc { position: absolute; top:63px; left: 164px; width: 160px; font-weight: bold; font-size: 11px; line-height: 11px;} .BTC_CT .BTC_Desc { position: absolute; top:75px; left: 164px; width: 150px; font-size: 11px; line-height: 11px;} /*pink button case*/ .BTC_CT .pink .BTC_Button { position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Pink01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BTC_CT .pink .BTC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Pink.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_CT .pink .BTC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Pink02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*orange button case*/ .BTC_CT .orange .BTC_Button { position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BTC_CT .orange .BTC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_CT .orange .BTC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Yellow02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*blue button case*/ .BTC_CT .blue .BTC_Button { position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Blue01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BTC_CT .blue .BTC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Blue.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_CT .blue .BTC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Blue02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*olive button case*/ .BTC_CT .olive .BTC_Button { position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Olive01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BTC_CT .olive .BTC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Olive.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_CT .olive .BTC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Olive02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*green button case*/ .BTC_CT .green .BTC_Button { position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Green01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;} .BTC_CT .green .BTC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Green.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_CT .green .BTC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Green02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*Body Two Column END*/ /**********************************************************************************************/ /**********************************************************************************************/ /**********************************************************************************************/ /*Body Two Column List START*/ .BTC_List_CT { width: 345px; height: 168px; position: relative; float: left; background: url(++resource++MutNeutresImages/bg_BTC.jpg) no-repeat left top transparent;} .BTC_List_CT .BTC_List_TitleDesc { margin: 3px 0 0 0; font-weight: bold; font-size: 11px; line-height: 11px; width: 340px;} .BTC_List_CT ul.BTC_List_Desc { width: 150px; font-size: 11px; line-height: 11px; list-style: none; padding: 5px 0 0 0;} .BTC_List_CT ul.BTC_List_Desc li {list-style-image: none; list-style-type: none; padding:0; font-size: 11px; width: 340px; } /*pink button case*/ .BTC_List_CT .pink .BTC_List_Button { float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Pink01.jpg) no-repeat pink; padding: 0 0 0 10px; margin: 5px 0;} .BTC_List_CT .pink .BTC_List_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Pink.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_List_CT .pink .BTC_List_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Pink02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*orange button case*/ .BTC_List_CT .orange .BTC_List_Button { float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow01.jpg) no-repeat orange; padding: 0 0 0 10px; margin: 5px 0;} .BTC_List_CT .orange .BTC_List_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_List_CT .orange .BTC_List_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Yellow02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*blue button case*/ .BTC_List_CT .blue .BTC_List_Button { float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Blue01.jpg) no-repeat blue; padding: 0 0 0 10px; margin: 5px 0;} .BTC_List_CT .blue .BTC_List_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Blue.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_List_CT .blue .BTC_List_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Blue02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*olive button case*/ .BTC_List_CT .olive .BTC_List_Button { float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Olive01.jpg) no-repeat lime; padding: 0 0 0 10px; margin: 5px 0;} .BTC_List_CT .olive .BTC_List_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Olive.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_List_CT .olive .BTC_List_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Olive02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*green button case*/ .BTC_List_CT .green .BTC_List_Button { float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Green01.jpg) no-repeat green; padding: 0 0 0 10px; margin: 5px 0;} .BTC_List_CT .green .BTC_List_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Green.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_List_CT .green .BTC_List_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Green02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*Body Two Column List END*/ /**********************************************************************************************/ /**********************************************************************************************/ /**********************************************************************************************/ /*Body Two Column Image START*/ .BTC_Img_CT { width: 345px; height: 169px; background: url(++resource++MutNeutresImages/bg_BTC.jpg) top left no-repeat; position: relative; float: left;} .BTC_Img_CT img { position: absolute; top:50px; left: 10px; width:74px; height: 56px; background-color: #d3d3d3;} .BTC_Img_CT h4 { position: absolute; top:3px; left: 10px; font-size: 18px; font-weight: bold; color: #2c2b2b; width: 290px;} /*Pink subtitle case*/ .BTC_Img_CT .pink .BTC_Img_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #c93a6b; width: 280px;} /*Orange subtitle case*/ .BTC_Img_CT .orange .BTC_Img_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #eea200; width: 280px;} /*Blue subtitle case*/ .BTC_Img_CT .blue .BTC_Img_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #2e3741; width: 280px;} /*Olive subtitle case*/ .BTC_Img_CT .olive .BTC_Img_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #a2ac01; width: 280px;} /*Green subtitle case*/ .BTC_Img_CT .green .BTC_Img_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #617420; width: 280px;} /*Content Description*/ .BTC_Img_CT .BTC_Img_Desc { position: absolute; top:50px; left: 90px; width: 216px; font-size: 11px; line-height: 11px;} /*pink button case*/ .BTC_Img_CT .pink .BTC_Img_Button {position: absolute; top:126px; left: 10px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Pink01.jpg) no-repeat pink; padding: 0 0 0 10px; margin: 5px 0;} .BTC_Img_CT .pink .BTC_Img_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Pink.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_Img_CT .pink .BTC_Img_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Pink02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*orange button case*/ .BTC_Img_CT .orange .BTC_Img_Button {position: absolute; top:126px; left: 10px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow01.jpg) no-repeat orange; padding: 0 0 0 10px; margin: 5px 0;} .BTC_Img_CT .orange .BTC_Img_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_Img_CT .orange .BTC_Img_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Yellow02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*blue button case*/ .BTC_Img_CT .blue .BTC_Img_Button {position: absolute; top:126px; left: 10px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Blue01.jpg) no-repeat blue; padding: 0 0 0 10px; margin: 5px 0;} .BTC_Img_CT .blue .BTC_Img_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Blue.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_Img_CT .blue .BTC_Img_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Blue02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*olive button case*/ .BTC_Img_CT .olive .BTC_Img_Button {position: absolute; top:126px; left: 10px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Olive01.jpg) no-repeat lime; padding: 0 0 0 10px; margin: 5px 0;} .BTC_Img_CT .olive .BTC_Img_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Olive.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_Img_CT .olive .BTC_Img_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Olive02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*green button case*/ .BTC_Img_CT .green .BTC_Img_Button {position: absolute; top:126px; left: 10px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Green01.jpg) no-repeat green; padding: 0 0 0 10px; margin: 5px 0;} .BTC_Img_CT .green .BTC_Img_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Green.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BTC_Img_CT .green .BTC_Img_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Green02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*Body Two Column Image END*/ /**********************************************************************************************/ /**********************************************************************************************/ /**********************************************************************************************/ /*Body Right Column Product START*/ .BRC_CT { width: 290px; height: 169px; background: url(++resource++MutNeutresImages/bg_BRC.jpg) top left no-repeat; position: relative; float: left;} .BRC_CT h4 { position: absolute; top:3px; left: 10px; font-size: 18px; font-weight: bold; color: #2c2b2b; width: 210px;} /*Pink subtitle case*/ .BRC_CT .pink .BRC_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #c93a6b; width: 280px;} /*Orange subtitle case*/ .BRC_CT .orange .BRC_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #eea200; width: 280px;} /*Blue subtitle case*/ .BRC_CT .blue .BRC_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #2e3741; width: 280px;} /*Olive subtitle case*/ .BRC_CT .olive .BRC_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #a2ac01; width: 280px;} /*Vert subtitle case*/ .BRC_CT .vert .BRC_h5 { position: absolute; top:23px; left: 10px; font-size: 12px; font-weight: bold; color: #617420; width: 280px;} /*Content Description*/ .BRC_CT .BRC_TitleDesc { position: absolute; top:50px; left: 76px; width: 200px; font-weight: bold; font-size: 11px; line-height: 11px;} .BRC_CT .BRC_Desc { position: absolute; top:65px; left: 76px; width: 200px; font-size: 11px; line-height: 11px;} /*Label*/ .BRC_CT .BRC_LabelCT {position: absolute; top:50px; left: 12px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Price.jpg) top left no-repeat; text-align: center; } .BRC_CT .pink .BRC_LabelCT {position: absolute; top:50px; left: 12px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Pink.jpg) top left no-repeat pink;} .BRC_CT .orange .BRC_LabelCT {position: absolute; top:50px; left: 12px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Orange.jpg) top left no-repeat orange;} .BRC_CT .olive .BRC_LabelCT {position: absolute; top:50px; left: 12px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Olive.jpg) top left no-repeat olive;} .BRC_CT .blue .BRC_LabelCT{position: absolute; top:50px; left: 12px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Blue.jpg) top left no-repeat blue;} .BRC_CT .green .BRC_LabelCT {position: absolute; top:50px; left: 12px; width: 56px; height: 51px; background: url(++resource++MutNeutresImages/bg_Green.jpg) top left no-repeat green;} .BRC_LabelCT .BRC_L1 { color: #fff; width: 46px; font-size: 11px; text-align: center; position: absolute; top:3px; left: 5px;} .BRC_LabelCT .BRC_L2 { color: #fff; width: 52px; font-size: 13px; text-align: center; position: absolute; top:15px; left: 3px;} .BRC_LabelCT .BRC_L3 { color: #fff; width: 46px; font-size: 11px; text-align: center; position: absolute; top:28px; left: 5px;} /*pink button case*/ .BRC_CT .pink .BRC_Button {position: absolute; top:126px; left: 10px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Pink01.jpg) no-repeat pink; padding: 0 0 0 10px; margin: 5px 0;} .BRC_CT .pink .BRC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Pink.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BRC_CT .pink .BRC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Pink02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*orange button case*/ .BRC_CT .orange .BRC_Button {position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow01.jpg) no-repeat orange; padding: 0 0 0 10px; margin: 5px 0;} .BRC_CT .orange .BRC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Yellow.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BRC_CT .orange .BRC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Yellow02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*blue button case*/ .BRC_CT .blue .BRC_Button {position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Blue01.jpg) no-repeat blue; padding: 0 0 0 10px; margin: 5px 0;} .BRC_CT .blue .BRC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Blue.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BRC_CT .blue .BRC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Blue02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*olive button case*/ .BRC_CT .olive .BRC_Button {position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Olive01.jpg) no-repeat lime; padding: 0 0 0 10px; margin: 5px 0;} .BRC_CT .olive .BRC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Olive.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BRC_CT .olive .BRC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Olive02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*green button case*/ .BRC_CT .green .BRC_Button {position: absolute; top:116px; left: 100px; float: left; clear: both; background: url(++resource++MutNeutresImages/bt_Portlet_Green01.jpg) no-repeat green; padding: 0 0 0 10px; margin: 5px 0;} .BRC_CT .green .BRC_Button a{ float: left; height: 21px; background: url(++resource++MutNeutresImages/bt_Portlet_Green.jpg) repeat-x left top; line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;} .BRC_CT .green .BRC_Button span { background: url(++resource++MutNeutresImages/bt_Portlet_Green02.jpg) no-repeat; float: left; width: 10px; height: 21px;} /*Body Right Column Product END*/ /*Content Right Document*/ .CTR_Document {width: 290px; background: url(++resource++MutNeutresImages/bg_SubDocMenu.jpg) top left repeat-y; position: relative; float: left; margin:0 0 15px 0 ; } .CTRD_Header {width: 290px; height: 40px; background: url(++resource++MutNeutresImages/bg_SubDocMenu_01.jpg) top left no-repeat; position: relative;} .CTRD_Header span { position: absolute; top:12px; left: 15px; font-size: 16px; color: #fff; } ul.CTRD_Content {width: 290px; list-style: none; background: url(++resource++MutNeutresImages/bg_SubDocMenu_02.jpg) bottom left no-repeat; padding: 10px 0 20px 0;} ul.CTRD_Content li {list-style-image: none; list-style-type: none; padding:2px 0 0 15px; font-size: 11px; color: #fff;} ul.CTRD_Content li a{ color: #fff; text-decoration: none;} ul.CTRD_Content li a:hover{ text-decoration: underline; color: #fff;} /*Content Right Hoe Lid Worden*/ .CTR_HLW {width: 290px; height: 121px; background: url(++resource++MutNeutresImages/bg_HLW_01.jpg) top left repeat-y; position: relative; float: left; margin:0 0 15px 0; } .CTR_HLW a { text-decoration: none; height: 121px; width: 290px;} .CTR_HLW a div { z-index:10; color: #fff; width: 280px; padding: 0 5px; text-align: center; position: absolute; bottom: 0; text-decoration: none; text-transform: uppercase; font-size: 11px; line-height: 14px; background-image: } .CTR_HLW a img { z-index:5;} /*Content Right Newsletter*/ .CTR_News {width: 290px; height: 152px; background: url(++resource++MutNeutresImages/bg_Newsletter.jpg) top left repeat-y; position: relative; float: left;} .CTR_News .CTRN_Header { position: absolute; top:17px; left: 30px; font-size: 24px; text-transform: capitalize; color: #fff; width: 250px;} .CTR_News .CTRN_SubHeader {position: absolute; top:40px; left: 32px; font-size: 15px; color: #fff; width: 250px;} .CTR_News .CTRN_Desc a {position: absolute; top:70px; left: 110px; font-size: 11px; color: #4d4d4d; width: 170px; text-decoration: none; line-height: 12px; } .CTR_News .CTRN_Desc img { display: block; margin-top: 2px;}