#FNC001{ text-align:left; width:194px; padding:0px 3px 0px 3px; margin-left:-1px; } #FNC001 .title{ background-image: url(/cs/ENGInE/img/fnc_title_full.png); background-repeat:no-repeat; padding:6px 6px 0px 6px; min-height:36px; _height:0px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_title_full.png',sizingMethod='crop'); } #FNC001 a.collapsed, #FNC001 a.collapsed:hover, #FNC001 a.collapsed:link, #FNC001 a.collapsed:visited, #FNC001 a.expanded, #FNC001 a.expanded:hover, #FNC001 a.expanded:link, #FNC001 a.expanded:visited{ color:#ffffff; font-size:1.2em; font-weight:bold; text-decoration:none; display:block; padding:11px 9px 10px 20px; background-repeat:no-repeat; background-position:9px 14px; //position:relative; } #FNC001 a.collapsed, #FNC001 a.collapsed:hover, #FNC001 a.collapsed:link, #FNC001 a.collapsed:visited{ background-image: url(/cs/ENGInE/img/FNC_title_arrow_right.gif); } #FNC001 a.expanded, #FNC001 a.expanded:hover, #FNC001 a.expanded:link, #FNC001 a.expanded:visited{ background-image: url(/cs/ENGInE/img/FNC_title_arrow_down.gif); } #FNC001 a.remove, #FNC001 a.remove:hover, #FNC001 a.remove:link, #FNC001 a.remove:visited{ color:#fa5514; font-size:0.9em; line-height:1.0em; font-weight:bold; text-decoration:none; display:block; padding:2px 0px 0px 19px; background-image:url(/cs/ENGInE/img/fnc_icon_minus_hover.png); background-repeat:no-repeat; min-height:14px; cursor:pointer; //height:14px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_icon_minus_hover.png',sizingMethod='crop'); //position:relative; } #FNC001 a.remove:hover{ text-decoration:underline; } #FNC001 .titlecopy{ display:block; color:#ffffff; padding:0px 9px 7px 9px; margin:0px; margin-top:-8px; font-size:0.9em; line-height:1.25em; } #FNC001 ul{ text-align:left; list-style:none; margin:0px; padding:5px 0px 0px 10px; float:left; height:242px; } #FNC001 #FNCVehicleBox{ float:left; background-image:url(/cs/ENGInE/img/fnc_box.png); background-repeat:no-repeat; min-height:247px; //height:247px; width:194px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_box.png',sizingMethod='crop'); } #FNC001 li{ display:inline; float:left; width:184px; margin:0px; padding:4px 0px 0px 0px; } #FNC001 li img{ float:left; height:63px; width:84px; border-style:none; padding:1px 0px 0px 0px; } #FNC001 li div{ float:left; margin:0px 0px 0px 4px; width:86px; max-height:63px; //height:63px; //overflow:hidden; } #FNC001 p.nameplate{ color:#333333; font-weight:bold; font-size:1.0em; line-height:1.1em; padding:0px; margin:0px; display:block; } #FNC001 p.series{ color:#676767; font-size:0.9em; line-height:1.0em; padding:0px 0px 3px 0px; margin:1px 0px 0px 0px; display:block; min-height:16px; //height:16px; } #FNC001 form{ float:left; margin:0px; padding:0px; margin-top:-35px; padding-left:11px; } #FNC001 button{ font-family:Verdana,Arial,Tahoma,Helvetica,sans-serif; font-weight:bold; font-size:1.0em; line-height:1.1em; background-position:top left; background-color:transparent; background-repeat:no-repeat; cursor:pointer; text-align:center; vertical-align:top; border:0px; margin:0px; padding:0px; width:170px; min-height:26px; //height:26px; } #FNC001 button.selected{ color:#ffffff; cursor:hand; background-image:url(/cs/ENGInE/img/fnc_button_compare_hover.png); //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_button_compare_hover.png',sizingMethod='crop'); } #FNC001 button.default{ color:#666666; cursor:default; background-image:url(/cs/ENGInE/img/fnc_button_compare_default.png); //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_button_compare_default.png',sizingMethod='crop'); } #FNC001 button div{ width:170px; height:26px; padding:4px 4px 0px 4px; //padding-top:2px; } #FNC001 button img{ width:17px; height:17px; margin:0px 0px 0px 8px; padding:0px; vertical-align:middle; //margin-top:1px; } /* FEED CONTENT */ DIV.shlDetail { padding-bottom:8px; } DIV.shlDetail UL { margin-top:0px; margin-bottom:0px; list-style-position: outside; margin-left:-3em; text-indent:0em; //margin-left:2em; } DIV.center_item_hmc { margin:0px; margin-left:10px; text-align:left; } DIV.shlDerivativeDiv { width: 170px; border: 0px solid black; float: left; position: relative; margin: 0px 0px 25px 0px; } DIV.shlDerivativeDivLeft { margin-left:0px; } DIV.shlDerivativeDivCenter { margin-left:25px; margin-right:25px; } DIV.shlDerivativeDivRight { margin-right:0px; } DIV.fvdNewRow { clear:both; } DIV.shlInformation { margin-left:11px; font-size:0.8em; } SPAN.fvdNameBlock { display:block; padding-top:2px; padding-left:26px; //padding-top:0px; } DIV.shlDerivativeDiv SPAN.fvdNameBlock { padding-left:26px; _padding-left:26px; } SPAN.fvdSeriesBlock { display:block; padding-left:22px; padding-top:2px; } P.shlHeadline { margin-top:6px; margin-bottom:6px; } DIV#hmc_panels { width:194px; padding: 0px 2px; } DIV#hmc_panels A { text-decoration:none; } .hmc_body_panels { background: url(/cs/ENGInE/img/hmc_panel.png) no-repeat 0% 100%; _background: url(/cs/ENGInE/img/hmc_panel.gif) no-repeat 0% 100%; padding-bottom: 20px; } .hmc_panel_opened, .hmc_panel_collapsed { clear:both; } .hmc_panel_collapsed .hmc_panel_body { display:none; } .hmc_panel_opened .hmc_panel_body { display:block; } SPAN.hmc_panel_header_group { display:block; clear:both; padding-top:8px; height:25px; } a:hover .hmc_panel_header_group, a:focus .hmc_panel_header_group { cursor:pointer; } .hmc_panel_collapsed SPAN.hmc_panel_header_group { /* display:block; height:26px;*/ } a:hover SPAN.hmc_panel_header_label, a:focus SPAN.hmc_panel_header_label { cursor:pointer; } .hmc_item { cursor:pointer; } .hmc_panel_opened SPAN.hmc_panel_header_label { background: url(/cs/ENGInE/img/hmcArrowDown.gif) no-repeat 13px 4px; } .hmc_panel_collapsed SPAN.hmc_panel_header_label { background: url(/cs/ENGInE/img/hmcArrowRight.gif) no-repeat 13px 4px; } DIV#hmc_panel_0.hmc_panel_collapsed SPAN.hmc_panel_header_label { background: url(/cs/ENGInE/img/FNC_title_arrow_right.gif) no-repeat 13px 3px; } DIV#hmc_panel_0.hmc_panel_opened SPAN.hmc_panel_header_label { background: url(/cs/ENGInE/img/FNC_title_arrow_down.gif) no-repeat 13px 3px; } DIV#hmc_panel_0 .hmc_panel_body { padding: 3px 12px 0px 13px; clear:both; text-align:left; color:#ffffff; font-size:0.9em; line-height:1.25em; _margin-bottom:5px; } DIV#hmc_panel_0 .hmc_panel_header { //position:relative; } DIV#hmc_panel_0 .hmc_divider { visibility:hidden; display:none; } DIV#hmc_panel_0 SPAN.hmc_panel_header_label { margin-top:9px; margin-left:1px; } DIV#hmc_panel_0 SPAN.hmc_panel_header_label A { color:#ffffff; font-size:1.2em; //position:relative; } DIV#hmc_panel_0 { background-image:url(/cs/ENGInE/img/fnc_title_full.png); _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_title_full.png',sizingMethod='crop'); _height:1px; } DIV#hmc_panel_0.hmc_panel_collapsed { height:42px; background-image:url(/cs/ENGInE/img/fnc_title_full.png); _background-image:url(); /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_title_full.png',sizingMethod='crop');*/ } DIV#hmc_panels DIV#hmc_panel_0.hmc_panel_opened { background-image:url(/cs/ENGInE/img/fnc_title_full.png); _background-image:url(); /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fnc_title_full.png',sizingMethod='crop');*/ } DIV#hmc_panel_0.hmc_panel_collapsed DIV.hmc_panel_body { display:none; } DIV#hmc_panel_0.hmc_panel_collapsed DIV.hmc_panel_body_bottom { display:none; } DIV#hmc_panel_0 SPAN.hmc_panel_header_value { display:none; } DIV.hmc_panel_body DIV.hmc_panel_body_bottom { #display:none; _display:none; } DIV#hmc_panel_0.hmc_panel_opened DIV.hmc_panel_body_bottom { display:block; } DIV#hmc_panel_1 .hmc_panel_body_bottom { display:none; } DIV#hmc_panel_1 .hmc_divider { display:none; } SPAN.hmc_panel_header_label { float:left; display:block; text-align:left; font-weight:bold; text-decoration:none; /*border:solid 1px #ff0000;*/ color:#000000; padding-left:25px; padding-top:0px; } .hmc_panel_header_value { background: url(/cs/ENGInE/img/hmc-panel-value-boxnarrow.png) no-repeat; float: right; width: 79px; height: 18px; position: relative; text-align: center display:block; padding-right:11px; _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/hmc-panel-value-boxnarrow.png',sizingMethod='crop'); } a:hover .hmc_panel_header_value, a:focus .hmc_panel_header_value { cursor:pointer; } div.force_full_width div .hmc_panel_header, DIV#hmc_panel_2 DIV.hmc_panel_header { #height:56px; } DIV#hmc_panel_6 DIV.hmc_panel_header { #height:55px; _height:45px; } div.force_full_width div .hmc_panel_header_value, DIV#hmc_panel_2 .hmc_panel_header_value, DIV#hmc_panel_6 .hmc_panel_header_value { width:170px; display:block; text-align:center; background-image:url(/cs/ENGInE/img/hmc-panel-value-boxwide.png); margin-bottom:8px; margin-right:11px; background-position:center right; margin-top:5px; padding-top:4px; padding-right:0px; padding-left:0px; _padding-right:11px; _margin-top:4px; _padding-top:2px; _background-image:url(); _margin-right:; width:156px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/hmc-panel-value-boxwide.png',sizingMethod='crop'); } div.force_full_width div .hmc_panel_header_value, DIV#hmc_panel_2.hmc_panel_collapsed .hmc_panel_header_value, DIV#hmc_panel_6.hmc_panel_collapsed .hmc_panel_header_value { #margin-bottom:8px; } DIV#hmc_panel_6.hmc_panel_collapsed { height:47px; #height:52px; _height:42px; } SPAN.hmc_panel_header_value { display:block; float:right; font-weight:bold; color:#000000; text-decoration:none; } .hmc_divider { display:block; clear:both; background: url(/cs/ENGInE/img/hmc_divider.png) no-repeat center top; height:3px; line-height:1pt; margin-bottom:0px; padding-bottom:0px; position:relative; //overflow:hidden; } #pointerContainer1 { WIDTH: 160px; pointer: cursor; /*margin-left:-135px;*/ _margin-left:0px; } #slider-bg { position:relative; float:none; clear:both; background-image:url(/cs/ENGInE/img/HMC_Asset_topBackground.png); background-position:top; background-repeat:no-repeat; z-index:0; width:170px; margin-left:15px; _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/HMC_Asset_topBackground.png',sizingMethod='crop'); } #slider-container { position:relative; margin-top:-3px; margin-right:2px; cursor:pointer; //text-align:left; _margin-top:0px; _margin-right:0px; } *:first-child+html #slider-container { margin-top:6px; } #slider-thumb { position:relative; width:34px; /* //margin-left:-135px;*/ _margin-left:0px; } #slider-thumb img.stripes { position:relative; height:12px; width:34px; z-index:10; margin-top:11px; //margin-top:13px; } #slider-thumb img.knob { position:relative; width:25px; z-index:20; margin-top:-10px; cursor:pointer; } #slider-mask { /*border:solid 1px #ff00ff;*/ background-image:url(/cs/ENGInE/img/HMC_Asset_topMask.png); //background-image:url(); background-position:center; background-repeat:no-repeat; position:absolute; left:-3px; top:0px; width:170px; height:23px; z-index:15; //top:-6px; //left:-4px; } #slider-container, x:-moz-any-link, x:default { margin-top:1px;} .hmc_panel_body FORM { display:block; clear:both; margin-top:0px; _margin-bottom:5px; } #hmc_panel_6 FORM { /* _margin-bottom:15px;*/ } #hmc_panels img.hmc-icon { display:inline; } img.hmc-icon { border:0px;} img.hmc-rollover { border:0px;} #hmc_panels img.hmc-rollover { display:none; } #hmc_panels .hmc-highlight { color:#FA5514; } #hmc_panels .hmc-highlight img.hmc-icon { display:none; _display:inline; } #hmc_panels .hmc-highlight img.hmc-rollover { display:inline; _display:none; } /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/HMC_Asset_topMask.png',sizingMethod='scale'); */ /* ADDITIONAL IE6 fixes */ #slider-mask { //margin-top:6px; } DIV.hmc_four_column { display:block; float:left; text-align:left; margin-left:6px; _margin-left:3px; _padding-left:1px; width:42px; //width:43px; } DIV.hmc_three_column { display:block; clear:both; text-align:left; margin-left:6px; _margin-left:7px; } DIV.hmc_three_column INPUT { float:left; } DIV.hmc_three_column LABEL { float:left; display:block; text-align:left; width:130px !important; padding-top:3px; padding-left:5px; } DIV.hmc_three_column DIV.hmc_label_group SPAN.hmc-option-label-first-word { text-align:left; } DIV.hmc_three_column IMG { float:left; display:block; } DIV.hmc_two_column { width:85px; display:block; float:left; margin-left:6px; text-align:left; _margin-left:4px; } DIV.hmc-leftColumn { display:block; width:85px; float:left; } DIV.hmc-rightColumn { display:block; width:85px; float:right; } DIV.hmc-modelInput { float:left; width:25%; } DIV.hmc-modelNameplate { position:relative; float:right; width:74%; } DIV.hmc_modelNextline { border-top:solid 4px transparent; _border-top:none 0px transparent; _margin-top:4px; clear:both; } DIV.hmc_default_value { clear:both; text-align:left; } DIV.hmc_default_value LABEL { text-align:left; margin-left:6px; _margin-left:7px; } DIV.hmc-modelImage { cursor:pointer; _height:32px; } DIV.hmc_panel_body INPUT { cursor:pointer; } DIV.hmc_panel_body LABEL { cursor:pointer; } /*- FVD start-----------------------*/ .fvdCarDiv { display:block; width: 170px; border: 0px solid black; float: left; position: relative; margin: 0px 0px 25px 0px; } .fvdCarDivLeft { margin-left:0px; } .fvdCarDivCenter { margin-left:25px; margin-right:25px; } .fvdCarDivRight { margin-right:0px; } .fvdArrowTop { margin-left:3px; _margin-left:4px; } .fvdArrowTop A { color:#333333; text-decoration: none; cursor:pointer; display:block; } .fvdArrowTop A:hover, .fvdArrowTop A:focus, .fvdArrowTop A:active { color:#FA5514; text-decoration: none; cursor:pointer; } .shlArrowTop { margin-left:3px; _margin-left:4px; } .shlArrowTop A { color:#333333; text-decoration: none; cursor:pointer; display:block; } .shlArrowTop A:hover, .shlArrowTop A:focus, .shlArrowTop A:active { color:#FA5514; text-decoration: none; cursor:pointer; } A.hoverEffect { /* used to perform mo on car image */ color:#FA5514 !important; text-decoration: none; cursor:pointer; } .shlDerivativeDiv A { color:#333333; text-decoration: none; cursor:pointer; display:block; } .shlDerivativeDiv A:hover, .shlDerivativeDiv A:focus, .shlDerivativeDiv A:active { color:#FA5514; text-decoration: none; cursor:pointer; } .fvdCarName{ font-size:1.2em; font-weight: bold; display:block; margin-top:2px; _margin-top:3px; } .fvdCarArrow { padding-top:2px; display:block; float:left; _padding-top:0px; _margin-top:1px; } SPAN.fvdMinPrice1 { display:block; font-size: 0.9em; font-family: Verdana; font-weight: normal; } SPAN.fvdDetails { display:block; margin: 0px 0px 0px 0px; margin-left:22px; font-size: 0.9em; font-family: Verdana; } SPAN.fvdSeries{ font-family: Verdana; font-weight: bold; } SPAN.fvdStartingPrice { display:block; font-size: 0.9em; font-family: Verdana; padding-left:2px; } SPAN.fvdCompare { vertical-align:top; padding-left:0px; font-size: 0.9em; font-family: Verdana; font-weight: bold; _padding-left:2px; _margin-left:0px; } SPAN.fvdRemoveState{ vertical-align:top; margin: 0px 0px 0px 0px; padding-left:0px; margin-bottom:5px; font-family:Verdana; font-size: 0.9em; font-weight:bold; height:15px; color:#fa5514; _padding-left:0px; _margin-left:0px; } /* now for FVD001 - changed the padding a little */ DIV.fvdCarDiv SPAN.fvdCompare { padding-left:6px; _padding-left:0px; _margin-left:6px; } DIV.fvdCarDiv SPAN.fvdRemoveState { padding-left:6px; _padding-left:0px; _margin-left:6px; } /* MIGRATE TO NEW LINK MECHANISM */ SPAN.fvdCarDiv SPAN.fvdCompare { padding-left:6px; _padding-left:0px; _margin-left:6px; } SPAN.fvdCarDiv SPAN.fvdRemoveState { padding-left:6px; _padding-left:0px; _margin-left:6px; } SPAN.shlCarBlock { display:block; position:relative; padding-bottom:6px; } .fvdImageWrapper { display:block; clear:both; position:relative; height:75px; } .fvdImageWrapper A { border:none; } .fvdCarImage { position:absolute; top:2px; left:16px; width:138px; height:71px; border:solid 0px #ff0000; } .fvdRing{ border:0px; position: absolute; top:47px; } .fvdLoop{ position:absolute; top:35px; left:145px; width:25px; height:25px; border: 0px; } .fvdMinPrice2{ margin: 0px 0px 10px 30px; font-size: 0.8em; font-family: "Verdana Bold"; color:#333333; } .fvdArrowDown { margin-left:7px; _margin-left:8px; } .fvdArrowDown a { color:#333333; text-decoration:none; cursor:pointer; } .fvdArrowDown A:hover, .fvdArrowDown A:focus, .fvdArrowDown A:active { color:#FA5514; text-decoration: none; cursor:pointer; } .fvdArrowAddTo{ margin: 2px 0px 0px 0px; margin-left:7px; _margin-left:8px; } .fvdArrowAddTo A { color:#333333; text-decoration:none; cursor:pointer; } .fvdArrowAddTo A:hover, .fvdArrowAddTo A:focus, .fvdArrowAddTo A:active { color:#FA5514; text-decoration: none; cursor:pointer; } .fvdAddBullet { margin: 2px 0px 0px 2px; } .fvdAddBullet2 { margin: 2px 0px 0px 2px; background-color:red; } .fvdHover:hover, .fvdHover:focus, .fvdHover:active { color:#FA5514; text-decoration: none; } .fvdDetails A, .fvdSeries A, .fvdCompare A { color:#333333; text-decoration: none; } #shlDiv{ background-color: #ffffff; width: 170px; height: 320px; border: 0px solid black; float: left; position: relative; margin: 10px 15px 15px 0px; } .shlCarName{ position: absolute; top:1px; left:25px; width:100px; margin: 0px 0px 0px 0px; font-size:1.2em; font-weight: bold; color:#333333; } .shlMinPrice1{ position: absolute; top:15px; left:1px; width:130px; height:17px; font-size: 0.8em; font-family: Verdana; margin: 0px 0px 0px 0px; font-weight: normal; color:#333333; } .shlCarImage{ position:absolute; top:45px; left:37px; width:82px; height:81px; } .shlRing{ border:0px; position: absolute; top:68px; left:3px; } .shlLoop{ position:absolute; top:73px; left:145px; width:25px; height:25px; border: 0px; } .shlDescription{ position: absolute; top:100px; left:11px; width:148px; height:17px; font-size: 0.8em; font-family: Verdana; font-weight: bold; margin: 0px 0px 0px 0px; color:#333333; } .shlSeries{ position:absolute; top:120px; left:11px; width:140px; height:17px; margin: 0px 0px 0px 0px; font-size: 0.8em; font-family: Verdana; color:#333333; } .shlCompare{ position:absolute; top:305px; left:25px; width:140px; height:17px; margin: 0px 0px 0px 0px; font-size: 0.8em; font-family: Verdana; font-weight: bold; } .shlAddBullet{ position:absolute; top:300px; left:3px; width:14px; height:14px; margin: 2px 0px 0px 2px; } .shlHover:hover, .shlHover:focus, .shlHover:active { color:#FA5514; text-decoration: none; } .shlCarName a, .shlMinPrice1 a , .shlDetails a , .shlSeries a, .shlCompare a{ color:#333333; text-decoration: none; } /* NOW SOME HACKS - SORRY */ /* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { DIV.hmc_default_value { margin-left:3px; } DIV.hmc_two_column { margin-left:9px; } DIV.hmc_three_column { margin-left:9px; } DIV.hmc_four_column { margin-left:9px; width:35px; } } /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body DIV.hmc_default_value { margin-left:4px; } DIV.hmc_two_column { margin-left:10px; } DIV.hmc_three_column { margin-left:10px; } DIV.hmc_four_column { margin-left:10px; width:35px; } } .hpBigImage{ width: 980px; position: relative; } .hpHeadline{ position: absolute; display: none; } .hpHeadlineText{ /* font-size: 1.50em;*/ } .hpHeadlineLink{ margin-top: 10px; } .hpHeadlineLink a{ /* font-size: 1.10em;*/ font-weight: bold; text-decoration: none; } .hpHeadlineButton{ height: 17px; width: 17px; margin-top: 4px; margin-right: 5px; float: left; background-image: url(/cs/ENGInE/img/button_arrow.png); background-repeat: no-repeat; //background-image: url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/button_arrow.png', sizingMethod='crop'); } .hpTabsContainer{ position: absolute; bottom: 0px; right: 0px; width: 783px; height: 120px; } .hpTabsBottomBorder{ position: absolute; bottom: 0px; right: 0px; width: 783px; height: 8px; background-color: #000000; } .hpTab{ position: relative; float: left; } .hpTabSel{ position: relative; width: 253px; height: 112px; background-image: url(/cs/ENGInE/img/TabSelBottom.gif); background-position: 0px 78px; background-repeat: no-repeat; float: left; } .hpTabSelTitle{ position: absolute; /* font-size: 0.66em;*/ font-weight: bold; color: #ffffff; text-align: right; margin-top: 87px; right: 25px; } .hpTabSelLink{ position: absolute; text-align: center; width: 253px; height: 78px; top: 0px; } .hpTabSelLink a{ /* font-size: 0.66em;*/ font-weight: bold; text-decoration: none; } .hpTabUnSel{ position: relative; width: 253px; height: 120px; float: left; background-color: #000000; } .hpTabUnSelImg{ position: absolute; width: 253px; overflow: hidden; padding-top: 33px; margin-top: 8px; } .hpTabUnSelLink{ position: absolute; margin-top: 8px; width: 253px; display: block; } .hpTabSpace{ display: block; width: 8px; height: 100%; float: left; background-color: #000000; } .hpTabUnSelLink a{ /* font-size: 0.66em;*/ font-weight: bold; color: #ffffff; text-align: right; text-decoration: none; width: 220px; height: 104px; display: block; overflow: hidden; padding-top: 7px; padding-right: 33px; background-image: url(/cs/ENGInE/img/TabUnSelTop.gif); background-repeat: no-repeat; } .hpTabUnSelLink a:hover{ background-image: url(/cs/ENGInE/img/TabUnSelTop_hover.gif); } /******************************************************************************* * Tab headers *******************************************************************************/ A.tab_anchor { color:#000000; font-weight:bold; text-decoration:none; } DIV.tab001_item.unselected.hover A { color:#fa5514; } DIV.tab001_item.unselected.focus A { color:#fa5514; } DIV.tab001_item.unselected.hover TD.tab001_header_arrow { background-image: url(/cs/ENGInE/img/arrow_r_o_tab.gif) } DIV.tab001_item.unselected.focus TD.tab001_header_arrow { background-image: url(/cs/ENGInE/img/arrow_r_o_tab.gif) } DIV.selected A.tab_anchor { color:#ffffff; cursor:default; } DIV.selected TD.tab001_header_arrow { background-image:url(/cs/ENGInE/img/arrow_d_w_tab.gif); } DIV#tab001_container { width:560px; margin:0; padding:0; } DIV.tab001_header { background-image: url(/cs/ENGInE/img/tab_header.gif); width:560px; height:41px; /*_overflow:hidden; */ } DIV.tab001_divider { background-image: url(/cs/ENGInE/img/tab_divider.gif); width:560px; height:4px; clear:both; /* margin-top:-2px;*/ _margin-top:0px; _overflow:hidden; } DIV.tab001_footer, x:-moz-any-link { margin-top:-7px; } DIV.tab001_footer { background-repeat: no-repeat; background-image: url(/cs/ENGInE/img/tab_bottom.gif); height:5px; width:560px; line-height:1px; clear:both; _overflow:hidden; //margin-top:0px; } DIV.tab001_top_left { float:left; width:5px; height:41px; background-image: url(/cs/ENGInE/img/tab_top_left.gif); _overflow:hidden; } DIV.tab001_top_right { float:left; height:41px; width:5px; background-image: url(/cs/ENGInE/img/tab_top_right.gif); _overflow:hidden; } DIV.tab001_item { float:left; width:110px; height:41px; background-image: url(/cs/ENGInE/img/tab_middle.gif); overflow:hidden; } DIV.tab001_item TABLE { margin-left:auto; margin-right:auto; padding-right:6px; } DIV.tab001_item.first { background-image: url(/cs/ENGInE/img/tab_middle.gif); } DIV.tab001_item.before { background-image: url(/cs/ENGInE/img/tab_first.gif); } DIV.tab001_item.last { background-image: url(/cs/ENGInE/img/tab_last.gif); } DIV.tab001_item.selected { background-image: url(/cs/ENGInE/img/tab_selected.gif); } DIV.tab001_item.selected_last { background-image: url(/cs/ENGInE/img/tab_selected_last.gif); } DIV.tab001_item.selected_first { background-image: url(/cs/ENGInE/img/tab_selected_first.gif); } DIV.tab001_content_line { float:left; width:1px; height:100%; background-color:#d9d9d9; } DIV.tab001_content { _float:left; } DIV.tab001_content_container { clear:both; height:100%; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; /*margin-top:-11px;*/ //margin-top:0px; } DIV.tab001-pane-selected{ display:block; } DIV.tab001-pane-unselected{ display:none; } .tab001box_head *{ margin:0; padding:0; height:41px; } .tab001box_head A { height:41px; color:#000000; font-weight:bold; text-decoration:none; padding:2px 7px 10px 7px; display:table-cell; vertical-align: middle; } .tab001box_head UL { list-style:none; float:left; margin:0pt; padding:0px 5px; text-align:center; } .tab001box_head LI { cursor:pointer; float:left; width:120px; margin:0pt -5px; display: table; #position: relative; } .tab001_header_group{ #position: relative; #top: 35%; #height:41px; #margin-top:-20px; margin: auto; } .tab001box_head .tab001_header_arrow, .tab001box_head .tab001_header_label{ display:table-cell; vertical-align: middle; height:36px; } .tab001_header_arrow { background-attachment: scroll; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/cs/ENGInE/img/arrow_r_tab.gif); padding-right:4px; } .tab001_header_label { padding-left:3px; } /* IGG Styles */ DIV.tab001_TabReco_IGGtemplate2 { padding-left:10px; padding-top:10px; } /* BTI - need to rename this class, has no reference to component.. */ DIV.tab001_TabTop_IntroText { padding-left:10px; padding-top:10px; } /* BTI - this does have a component name - why is this from other BTI distinguised... */ DIV.tab001_TabReco_ShowBTICollection { padding-top:10px; padding-left:10px; } DIV.tab001_TabReco_ShowBTI001Collection { padding-top:10px; padding-left:10px; } DIV.tab001_TabReco_ShowCATCollection { padding-left:10px; padding-top:10px; } /* NEED TO FIGURE OUT HERE, WHAT WE STILL NEED */ /****************************************************************************** * Dynamic styles *******************************************************************************/ /* .tab001box_head .tab001-tab-selected { background: transparent url(/cs/ENGInE/img/TAB001_currentTab_wide.png) no-repeat top center; } */ .tab001box_head .tab001-tab-selected *{ color:#FFFFFF; cursor:default; } .tab001-tab-selected .tab001_header_arrow { background-image:url(/cs/ENGInE/img/arrow_d_w_tab.gif); } /******************************************************************************* * Box background *******************************************************************************/ /** Thanks go to Ryan Thrash **/ /* set the image to use and establish the lower-right position */ /*.tab001box.ntabs2, .tab001box.ntabs3, .tab001box.ntabs4, .tab001box.ntabs5{ background: transparent url(/cs/ENGInE/img/TAB001_ThrashBox_tall_-_5tabs.png) no-repeat bottom right; } .tab001box_body, .tab001box_head, .tab001box_head ul { background: transparent url(/cs/ENGInE/img/TAB001_ThrashBox_tall_-_5tabs.png) no-repeat bottom right; } */ .tab001box { width: 560px !important; /* intended total box width - padding-right(next)*/ width: 560px; /* IE Win = width - padding */ /* the gap on the right edge of the image (not content padding) */ padding-right: 0px; background-repeat:no-repeat; } /* set the top-right image */ .tab001box_head { /* pull the right image over on top of border */ background-position: top right; margin-right: -0px; height:41px; /* content should not cover the bottom of the header. */ padding-bottom:12px; } /* set the top-left image */ .tab001box_head ul { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ .tab001box_body { background-position: bottom left; /* margin-right: 12px; /* interior-padding right */ /* padding: 0 0 12px 12px; /* mirror .tab001box_head right/left */ float:left; /* so that it contains sub-elements.*/ /* width:560px; /* So that the floating won't alter its width.*/ padding:0pt 12pt 12px 12px; width:536px; } /* Fix for TD 7911 .tab001box.ntabs4,.ntabs4 .tab001box_body,.ntabs4 .tab001box_head,.ntabs4 .tab001box_head ul { background-image: url(/cs/ENGInE/img/TAB001_ThrashBox_tall_-_4tabs.png); } .tab001box.ntabs3,.ntabs3 .tab001box_body,.ntabs3 .tab001box_head,.ntabs3 .tab001box_head ul { background-image: url(/cs/ENGInE/img/TAB001_ThrashBox_tall_-_3tabs.png); } .tab001box.ntabs2,.ntabs2 .tab001box_body,.ntabs2 .tab001box_head,.ntabs2 .tab001box_head ul { background-image: url(/cs/ENGInE/img/TAB001_ThrashBox_tall_-_2tabs.png); } /******************************************************************************* * Nuking tabs and box when only one tab. *******************************************************************************/ /*.tab001box.ntabs1,.ntabs1 .tab001box_body,.ntabs1 .tab001box_head,.ntabs1 .tab001box_head ul { background-image: url(/cs/ENGInE/img/TAB001_ThrashBox_tall_-_1tab.png); }*/ .tab001box.ntabs1 .tab001box{ background-image:none; } .tab001box.ntabs1 .tab001box_body{ background-image:none; } .tab001box.ntabs1 .tab001box_head{ /* Fix for TD5126 */ display:none; } LI.tab001-tab-unselected:hover .tab001_header_arrow { BACKGROUND-IMAGE: url(/cs/ENGInE/img/arrow_r_o_tab.gif) } LI.tab001-tab-unselected A:hover { /* FF2 */ color:#fa5514; } UL.tab001_headers { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; } SPAN.tab001_header_group { display: table; position: static; vertical-align: middle; text-align:center; } SPAN.tab001_header_arrow { height:36px; display:table-cell; vertical-align:middle; padding-top:1px; } TABLE.tab001_table_container A { padding:0px; } TABLE.tab_001_table_container TD { border-left:3px transparent; } SPAN.tab001_header_label { display:table-cell; vertical-align:middle; height:36px; text-align:left; line-height:15px; } .tab001-tab-unselected TABLE TBODY TR TD:hover A { color:#fa5514; } TH.tab001-tab-unselected.tab001-tab-hover TABLE TR TD.tab001_header_arrow { BACKGROUND-IMAGE: url(/cs/ENGInE/img/arrow_r_o_tab.gif) } .tab001-tab-hover TBODY TR TD A { color:#fa5514; } /*========================================================= Navigation: common ==========================================================*/ #navAnchor { position: relative; } .navmenu { width: 187px; font-family: Verdana; font-size: 0.9em; color: #000000; margin: 0; padding: 0; line-height: 100%; } .navmenu img { margin-left: 9px; margin-top: 3px; } .navmenu a { text-decoration: none; color: #000000; display: block; width: 150px; zoom: 1; /* ie crap, to trigger hasLayout */ cursor: pointer; } .navmenu a:active, .navmenu a:focus { outline: none; } .navmenu li { position: relative; list-style-type: none; z-index: 80; //float:left; //clear:left; width: 185px; } .navtop { font-size: 1px; /* to fix ie bug */ height: 6px; background: url("/cs/ENGInE/img/Nav_bg_top.png") no-repeat; //background-image:url();filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/Nav_bg_top.png', sizingMethod='crop'); } .navdivider { font-size: 1px; /* to fix ie bug */ height: 3px; background: url("/cs/ENGInE/img/Nav_div.png") no-repeat; //background-image:url();filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/Nav_div.png', sizingMethod='crop'); } .navbottom { font-size: 1px; /* to fix ie bug */ height: 6px; background: url("/cs/ENGInE/img/Nav_bg_bottom.png") no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/Nav_bg_bottom.png', sizingMethod='crop'); } #currentContext, #nextSteps { position: relative; z-index: 80; zoom: 1; background: url("/cs/ENGInE/img/Nav_bg.png") repeat-y top; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/Nav_bg.png', sizingMethod='scale'); overflow: visible; } /*========================================================= Navigation: current context ==========================================================*/ .currentContext { font-weight: bold; } .currentContext, .nextSteps { margin: 0; padding: 0; } .currentContext a, .currentContext p { margin: 0px; padding: 7px 11px 7px 12px; // padding-top: 8px; cursor: pointer; } .currentContext a { background: url("/cs/ENGInE/img/Nav_double_arrow.gif") no-repeat 165px; padding-right: 24px } .currentContext p { background: url("/cs/ENGInE/img/Nav_down_arrow.gif") no-repeat 12px; margin: 0; padding: 7px 12px 8px 26px; display: block; } .currentContext a:hover, a.sel { color: #FF7808; background: url("/cs/ENGInE/img/button_double_arrow.gif") no-repeat 165px white; } /*========================================================= Navigation: next steps ==========================================================*/ .nextSteps a, .nextSteps p { padding: 7px 12px 7px 12px; margin: 0; width: 161px; cursor: pointer; } .nextSteps li.selected { display: block; background: url("/cs/ENGInE/img/button_ntb2_bg.gif") repeat-x top center; margin-right: 2px; _margin-right: 0; } .nextSteps a:hover { color: #FFFFFF; background: url("/cs/ENGInE/img/button_ntb2_bg.gif") repeat-x top center; display: block; } .nextSteps p { display: block; color: #FFFFFF; background: url("/cs/ENGInE/img/button_ccb_arrow.gif") no-repeat 5px; } /*========================================================= Navigation: submenu ==========================================================*/ .navsubmenu { margin: 0; width: 187px; zoom: 1; } div.navsubmenu { display: none; position: absolute; z-index: 100; left: 186px; width: 187px; zoom: 1; } div.navsubmenutop { } div.navsubmenubottom { font-size: 1px; /* to fix ie bug */ background: url("/cs/ENGInE/img/Nav_submenu_bg_bottom.png") no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/Nav_submenu_bg_bottom.png', sizingMethod='crop'); height: 10px; } .navsubmenu ul { font-weight: bold; color: #000000; background: url("/cs/ENGInE/img/Nav_submenu_bg_gradient.png") no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/Nav_submenu_bg_gradient.png', sizingMethod='crop'); padding: 3px 0 3px 0; } .navsubmenu li { margin: 0; padding: 0; /* msukhia1: Fixes IE 7 problem (extra 1px line between LIs) */ //float:left; //clear:left; zoom: 1; } .navsubmenu a { padding: 7px 10px 7px 11px; //padding-top: 8px; /* padding: 6px 10px 6px 11px; height: 12px; */ text-decoration: none; background-image: none; width: 163px; } .navsubmenu a:hover, .navsubmenu a.sel { color: #FFFFFF; background: url("/cs/ENGInE/img/button_ntb2_bg.gif") repeat-x; } /*========================================================= Navigation: flyout ==========================================================*/ div.navflyout { } .navflyout li, .navflyout a, .navflyout a:hover, .navflyout p, .navflyout ul { padding: 0; margin: 0; background: transparent; border: none; } .navflyout a, .navflyout a:hover { display: block; width: 187px; height: 116px; background: url("/cs/ENGInE/img/flyout_bg_gradient.png") no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/flyout_bg_gradient.png', sizingMethod='crop'); cursor: pointer; } .navflyout label { padding: 6px 6px 7px 12px; color: #ffffff; font-weight: bold; display: block; width: 169px; cursor: pointer; } div.navflyouttop { } div.navflyout { display: none; position: absolute; left: 184px; width: 187px; } div.navflyoutbottom { font-size: 1px; /* to fix ie bug */ height: 10px; width: 187px; } /*============================================================================== SBE: common =============================================================================*/ .SbeModule { color:#ffffff; font-size:0.9em; font-weight:bold; } .SbeModule * { margin:0; padding:0; border-width:0; } .SbeModule a { display:block; text-decoration:none; } .SbeModule a:link, .SbeModule a:visited { color:#ffffff; } .SbeModule a:hover, .SbeModule a:focus, .SbeModule a:active, .SbeModule a.sel { color:#FF5514; outline-color:invert; outline-style:none; outline-width:medium; } .SbeDivider { background:transparent url(/cs/ENGInE/img/dl_div.png); _background:transparent url(/cs/ENGInE/img/dl_div.gif); font-size:1px; height:4px; width:187px; } /* msukhia1: Obsolete, optimized when implementing Russia fix (SBE flyout) .SbeTop, div.SbeTop { } */ .SbeBottom { clear: both; } /*============================================================================== SBE: DealerLocator =============================================================================*/ .DealerLocator { background:transparent url("/cs/ENGInE/img/sbe_bg_full.png") no-repeat scroll top; _background:transparent url("/cs/ENGInE/img/sbe_bg_full_ie6.png"); padding: 10px 0 8px 0; _padding-bottom:0px; } .DealerLocatorSearchBox span.DlTitle{ padding-left:32px; _padding-left:36px; _padding-bottom:5px; } .DealerLocatorSearchBox .DlBody .searchInput{ margin-right:6px; margin-bottom:5px; width:124px; height:14px; padding:0; border-width:1px; float:left; _margin-bottom:0px; _width:120px; position: relative; /* TD#6314 - Added to fix the dealer locator default search text font issue in the DL related pages - START */ font-size:7pt; font-family: Verdana; /* TD#6314 - END */ } .DealerLocatorSearchBox .DlBody .searchSubmit{ float:left; border:0; background:transparent url(/cs/ENGInE/img/button_arrow.png); cursor: pointer; width:17px; height:17px; position: relative; } .DealerLocatorSearchBox .DlBody a{ margin-top:7px; font-size:90%; font-weight:normal; } /*============================================================================== SBE: DealerLocator, the country map. =============================================================================*/ .DealerLocatorSearchBox div.DlMap { width:24px; height:40px; margin-top:-5px; margin-left:4px; margin-right:4px; float:left; clear:both; position: relative; z-index: 11; /* msukhia1: IE7 bug, map does not have 4px on the left */ //left: 4px; _left: 0px; } /*============================================================================== SBE: DealerLocator, a dealer has been memorized. =============================================================================*/ .DealerLocatorMemorized { padding-left:10px; padding-right:10px; } .DealerLocatorMemorized .DlTitle { padding-bottom:8px; } .DealerLocatorMemorized .DlBody .DlDealerName { text-decoration: underline; font-weight: bold; } .DealerLocatorMemorized .DlBody { background:transparent url("/cs/ENGInE/img/dl_bg_text.png") repeat-y scroll center top; font-size:90%; font-weight: normal; padding:8px; padding-left:22px; } .DealerLocatorMemorized .DlSearchAgain { padding-left:20px; padding-top:7px; cursor: pointer; } .DealerLocatorMemorized .DlSearchAgainLabel{ padding-right:10px; cursor: pointer; } .DealerLocatorMemorized .DlSearchAgainButton{ background:transparent url(/cs/ENGInE/img/button_arrow.png) no-repeat; cursor: pointer; padding:0pt 17px 17px 0pt; _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/button_arrow.png', sizingMethod='image'); } .DealerLocatorSearchBoxBottomClear { display:none;/* Protect other browsers from IE6 hack. */ _display: block; _width: 181px; _line-height: 0.1; position: relative; } /*============================================================================== SBE: DEALER Locator styles - IE6 =============================================================================*/ /* DEALER Locator styles - IE6 */ #favoriteDealer * { _background-color: grey; _height: 1%; } /* Fix for TD5122 (part of)*/ .DealerLocatorSearchBox .DlBody .searchSubmit{ _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/button_arrow.png', sizingMethod='image'); } #sbeAdlLink { _margin-top: -1px; _padding-top: 3px; _padding-right: 10px; /* text would extend outside the box and upset everything that should be on the right (it would go under).*/ _float:left; _position: relative; _z-index: 100; } /*============================================================================== SBE: SbeLinks =============================================================================*/ .SbeLinks { float:left; padding-left:6px; white-space: nowrap; background:transparent url("/cs/ENGInE/img/sbe_bg_full.png") no-repeat bottom; _background-image: url("/cs/ENGInE/img/sbe_bg_full_ie6.png"); _width: 181px; padding-bottom: 10px; margin-bottom: 5px; position: relative; z-index: 100; zoom: 1; } .SbeLinks * { _background-image: none; } .SbeLinks, .SbeLinks a { width:181px; float:left; } .SbeLinks a { background-repeat:no-repeat; background-position:center left; background-color:transparent; cursor:pointer; } .SbeLinks a:hover .SbeIcon, .SbeLinks a:focus .SbeIcon, .SbeLinks a:active .SbeIcon{ _background-position: top right; } SbeLinks a .SbeIcon { _background-position: center left; } .SbeLinks span { display: block; height:2.25em; min-height: 22px; float:left; } .SbeIcon { background-repeat:no-repeat; padding-right:3px; width:24px; _width: 21px; _margin-right: 3px; } .SbeDescription { line-height:1.9; } .SbeLinkCategory_SBEC { background-image:url(/cs/ENGInE/img/dl_but_01.png); } .SbeLinkCategory_SBEC:hover, .SbeLinkCategory_SBEC:focus, .SbeLinkCategory_SBEC:active { background-image: url(/cs/ENGInE/img/dl_but_01_ro.png); } .SbeLinkCategory_SBEB { background-image: url(/cs/ENGInE/img/dl_but_02.png); } .SbeLinkCategory_SBEB:hover ,.SbeLinkCategory_SBEB:focus ,.SbeLinkCategory_SBEB:active { background-image: url(/cs/ENGInE/img/dl_but_02_ro.png); } .SbeLinkCategory_SBET { background-image: url(/cs/ENGInE/img/dl_but_03.png); } .SbeLinkCategory_SBET:hover ,.SbeLinkCategory_SBET:focus ,.SbeLinkCategory_SBET:active { background-image: url(/cs/ENGInE/img/dl_but_03_ro.png); } .SbeLinkCategory_SBEI { background-image: url(/cs/ENGInE/img/dl_but_04.png); } .SbeLinkCategory_SBEI:hover, .SbeLinkCategory_SBEI:focus, .SbeLinkCategory_SBEI:active { background-image: url(/cs/ENGInE/img/dl_but_04_ro.png); } /* SBELinks - IE6 STYLES */ .SbeLinkCategory_SBEC, .SbeLinkCategory_SBEC:hover, .SbeLinkCategory_SBEC:focus, .SbeLinkCategory_SBEC:active { _background-image: none; } .SbeLinkCategory_SBEC .SbeIcon, .SbeLinkCategory_SBEC:hover .SbeIcon, .SbeLinkCategory_SBEC:focus .SbeIcon, .SbeLinkCategory_SBEC:active .SbeIcon { _background-image: url(/cs/ENGInE/img/dl_but_01_sprite_h.gif); } .SbeLinkCategory_SBEB ,.SbeLinkCategory_SBEB:hover ,.SbeLinkCategory_SBEB:focus ,.SbeLinkCategory_SBEB:active { _background-image: none; } .SbeLinkCategory_SBEB .SbeIcon, .SbeLinkCategory_SBEB:hover .SbeIcon, .SbeLinkCategory_SBEB:focus .SbeIcon, .SbeLinkCategory_SBEB:active .SbeIcon { _background-image: url(/cs/ENGInE/img/dl_but_02_sprite_h.gif); } .SbeLinkCategory_SBET, .SbeLinkCategory_SBET:hover, .SbeLinkCategory_SBET:focus, .SbeLinkCategory_SBET:active { _background-image: none; } .SbeLinkCategory_SBET .SbeIcon, .SbeLinkCategory_SBET:hover .SbeIcon, .SbeLinkCategory_SBET:focus .SbeIcon, .SbeLinkCategory_SBET:active .SbeIcon{ _background-image: url(/cs/ENGInE/img/dl_but_03_sprite_h.gif); } .SbeLinkCategory_SBEI, .SbeLinkCategory_SBEI:hover, .SbeLinkCategory_SBEI:focus, .SbeLinkCategory_SBEI:active { _background-image: none; } .SbeLinkCategory_SBEI .SbeIcon, .SbeLinkCategory_SBEI:hover .SbeIcon, .SbeLinkCategory_SBEI:focus .SbeIcon, .SbeLinkCategory_SBEI:active .SbeIcon{ _background-image: url(/cs/ENGInE/img/dl_but_04_sprite_h.gif); } #SbeAnchor { position: relative; z-index: 100; } #SbeLinks { list-style: none; margin-top: 5px; zoom: 1; } .SbeSubmenu { top: -10px; left: 179px; position: absolute; z-index: 100; width: 187px; display: none; zoom: 1; } .SbeLinksSubmenuBody { zoom: 1; list-style: none; padding: 5px 0 0 0; background: transparent url("/cs/ENGInE/img/sbe_bg_full.png") no-repeat top; _background-image: url("/cs/ENGInE/img/sbe_bg_full_ie6.png"); margin-bottom: -5px; } .SbeSubmenuBottom { position: absolute; z-index: 100; height: 12px; padding: 0; margin: 0; overflow: hidden; width: 187px; background: transparent url("/cs/ENGInE/img/sbe_bg_full.png") no-repeat bottom; _background-image: url("/cs/ENGInE/img/sbe_bg_full_ie6.png"); } #SbeAnchor { position: relative; z-index: 100; } .SbeSubmenu li, .SbeSubmenu a { padding: 0; display: block; zoom: 1; } #SbeLinks li { padding: 1px 0; height: 22px; background-repeat: no-repeat; position: relative; z-index: 100; } .SbeSubmenu .SbeDescription { padding-left: 20px; } .SbeLinksBody a { height: 24px; zoom: 1; } #SbeLinks a.SbeWithSubmenu, #SbeLinks a.sel { background-position: 158px; background-image: url("/cs/ENGInE/img/button_double_arrow_white.gif"); } #SbeLinks a.SbeWithSubmenu:hover, #SbeLinks a.sel, #SbeLinks a.sel:hover { background-position: 158px; background-image: url("/cs/ENGInE/img/button_double_arrow.gif"); } #THL001{ width: 188px; } #THL_top{ height:12px; background: url("/cs/ENGInE/img/thl_panel_top.gif") no-repeat; } #THL_bottom{ height:12px; background: url("/cs/ENGInE/img/thl_panel_bot.gif") no-repeat; } /* AWE 7416 - PPRU browser compatability issue */ #THL001_titel{ height:48px; _height:18px; padding-left:14px; padding-bottom:3px; text-align: left; font-family: Verdana; font-weight:bold; font-size: 1em; color: #333333; background: url("/cs/ENGInE/img/thl_panel.gif") no-repeat; } #THL001_content{ text-align: left; background: url("/cs/ENGInE/img/thl_panel.gif") no-repeat; } #THL_extender{ /* background: black;*/ background: url("/cs/ENGInE/img/thl_panel_ext.gif") repeat-y; width: 188px; } .THL001_tab{ } .THL001_tab_title{ } a.right:link, a.right:visited, a.right:hover { font-family: Verdana; font-size: 1em; color: #333333; padding-left:25px; background: url("/cs/ENGInE/img/arrow_r.gif") no-repeat; background-position: 14px 14px; display: block; padding-bottom: 10px; padding-top: 10px; text-decoration: none; } a.right:hover{ color: #fa5514; background: url("/cs/ENGInE/img/arrow_r_o.gif") no-repeat; background-position: 14px 14px; } a.down:link, a.down:visited, a.down:hover { font-family: Verdana; font-size: 1em; color: #333333; padding-left:25px; background: url("/cs/ENGInE/img/arrow_d.gif") no-repeat; background-position: 14px 14px; display: block; padding-bottom: 10px; padding-top: 10px; text-decoration: none; } .no{ font-family: Verdana; font-size: 1em; color: #333333; padding-left:14px; display: block; padding-bottom: 10px; padding-top: 10px; text-decoration: none; } .THL001_tab_img{ padding-left: 14px; padding-right: 14px; } .THL001_tab_text{ text-align: left; font-family: Verdana; font-size: 1em; color: #676767; padding-left: 14px; padding-right: 14px; padding-bottom: 10px; padding-top: 10px; //zoom: 1; } .THL_show_hide{ display: none; } .THL_divider{ height:2px; width:188px; background: url("/cs/ENGInE/img/thl_divider.gif") no-repeat; _overflow: hidden; } /***********************/ /* core.css */ /**********************/ body { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #000000; background-color: #DDDDDD; margin: 0px 0px 0px 0px; text-align: center; font-size: 68%; line-height: 130%; } .nowrap_class { white-space:nowrap; } /* Footer */ .spacer10high { height: 10px; clear: both; } .spacer35high { clear:both; line-height: 35px; } #footercontainerblack { width: 980px; background-color: #000000; } #footercontainerwhite { width: 980px; background-color: #FFFFFF; } #footercontainerleft { width: 490px; float: left; } #footercontainerright { width: 490px; float: right; } #footerblackleft { border-top: 1px solid #CDCDCD; padding-top: 10px; font-size: 0.9em; margin-left: 10px; text-align: left; } #footerblackright { border-top: 1px solid #CDCDCD; color: #CDCDCD; padding-top: 10px; font-size: 0.9em; margin-right: 10px; text-align: right; } a.footerblackleft:link { color: #CDCDCD; text-decoration: none; padding-right: 16px; } a.footerblackleft:visited { color: #CDCDCD; text-decoration: none; padding-right: 16px; } a.footerblackleft:hover { color: #FF7808; text-decoration: none; padding-right: 16px; } a.footerblackright:link { color: #CDCDCD; text-decoration: none; padding-left: 16px; } a.footerblackright:visited { color: #CDCDCD; text-decoration: none; padding-left: 16px; } a.footerblackright:hover { color: #FF7808; text-decoration: none; padding-left: 16px; } #footerwhiteleft { border-top: 1px solid #000000; padding-top: 10px; font-size: 0.9em; margin-left: 10px; text-align: left; } #footerwhiteright { border-top: 1px solid #000000; color: #4E4E4E; padding-top: 10px; font-size: 0.9em; margin-right: 10px; text-align: right; } a.footerwhiteleft:link { color: #4E4E4E; text-decoration: none; padding-right: 16px; } a.footerwhiteleft:visited { color: #4E4E4E; text-decoration: none; padding-right: 16px; } a.footerwhiteleft:hover { color: #FF7808; text-decoration: none; padding-right: 16px; } a.footerwhiteright:link { color: #4E4E4E; text-decoration: none; padding-left: 16px; } a.footerwhiteright:visited { color: #4E4E4E; text-decoration: none; padding-left: 16px; } a.footerwhiteright:hover { color: #FF7808; text-decoration: none; padding-left: 16px; } /* End of Footer */ /* ImageZoomable*/ .imgZoom{ margin: 0px; padding: 0px; cursor: pointer; } .imgNonZoom{ margin: 0px 0px 6px 0px; padding: 0px; } .imgZoom_png { position:relative; z-index:20; float:left; display: block; background-image: url("/cs/ENGInE/img/zoom_in_icon.png"); background-position: 1px 1px; background-repeat: no-repeat; width:25px; height:25px; cursor: pointer; margin-top:-19px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/zoom_in_icon.png', sizingMethod='image'); } a.imgZoom_png:link, a.imgZoom_png:visited { background-image: url("/cs/ENGInE/img/zoom_in_icon.png"); background-position: 1px 1px; background-repeat: no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/zoom_in_icon.png', sizingMethod='image'); } a.imgZoom_png:hover { background-image: url("/cs/ENGInE/img/zoom_in_icon_hover.png"); background-position: 1px 1px; background-repeat: no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/zoom_in_icon_hover.png', sizingMethod='image'); } .imgZoom_png_hovern { position:relative; z-index:20; float:left; display: block; background-image: url("/cs/ENGInE/img/zoom_in_icon_hover.png"); background-position: 1px 1px; background-repeat: no-repeat; width:25px; height:25px; cursor: pointer; margin-top:-19px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/zoom_in_icon_hover.png', sizingMethod='image'); } /* END ImageZoomable*/ /* SPP001 */ .skyscraper_promo { margin: 0px; margin-top: 10px; width: 185px; height: 185px; overflow:hidden; } /* END SSP001*/ /* MPP001 */ .mid_page_promo { width: 560px; overflow:hidden; Margin: Auto; float:left; margin-top: 6px; } /* END MPP001*/ /* BTT001 */ a.back_to_top { margin-left: 10px; font-family: Verdana; font-size: 0.9em; font-weight:bold; color: #333333; padding-left: 14px; /* display: inline; */ text-decoration: none; background-image: url("/cs/ENGInE/img/arrow_u.gif"); background-position: 0px 3px; background-repeat: no-repeat; } a.back_to_top:hover { color:#fa5514; background-image: url("/cs/ENGInE/img/arrow_u_o.gif"); background-position: 0px 3px; background-repeat: no-repeat; } .clearer_hsw { clear: both; line-height: 0.1em; height: 1px; font-size: 1px; } /* SiteSearchBox */ .SiteSearchBoxWrapper { position:relative; width:186px; height:30px; } .SiteSearchBoxTopRow { background-image: url("/cs/ENGInE/img/searchbox_top.png"); width:186px; height:23px; z-index:9; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/searchbox_top.png', sizingMethod='crop'); } .SiteSearchBoxStyle { /* background-image: url("/cs/ENGInE/img/searchbox_middle_2.png");*/ position:absolute; top:3px; width:186px; height:19px; z-index:10; margin:0px; padding:0px; vertical-align:middle; } .frmSiteSearchBox { position:absolute; float:left; width:154px; /* height:15px;*/ z-index:11; } .SiteSearchIcon { position:absolute; background-image: url("/cs/ENGInE/img/search_icon.png"); border: 0px; height: 19px; width:20px; z-index:11; left:9px; background-position: 0px 0px; background-repeat: no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/search_icon.png', sizingMethod='image'); } .SiteSearchInput { position:absolute; left:33px; width:124px; /* height:15px;*/ z-index:11; } .SiteSearchInputField { position:absolute; margin: 2px 0px 0px 0px; padding: 0px; vertical-align:middle; border-width:1px; border-style: inset; width:124px; /* height:13px;*/ font-family:Verdana; font-size:0.8em; color:#000000; z-index:11; } .SiteSearchLink { position:absolute; left:164px; width:17px; z-index:11; } /* hsw */ .SiteSearchLinkIcon { background-image: url("/cs/ENGInE/img/button_arrow.png"); cursor: pointer; position:absolute; margin-top:1px; vertical-align:middle; z-index:11; height:17px; width:17px; border: 0px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/button_arrow.png', sizingMethod='crop'); } .SiteSearchLinkIcon2 { cursor: pointer; position:absolute; margin-top:1px; vertical-align:middle; height:17px; width:17px; border: 0px; z-index:99; } /* hsw end */ .SiteSearchBottom { background-image: url("/cs/ENGInE/img/searchbox_bottom.png"); position:absolute; top:23px; width:186px; height:7px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/searchbox_bottom.png', sizingMethod='crop'); } /* /SiteSearchBox */ .linkArrow { margin-left:4px; } a.linkText { padding-left: 10px; color:#0D4BB3; text-decoration: underline; background-image: url("/cs/ENGInE/img/arrow_blue.gif"); background-position: 0px 4px; background-repeat: no-repeat; white-space:nowrap; font-weight: bold; } /* for ie6 */ a.linkText span { text-decoration: underline; } a.linkText:hover { color:#fa5514; text-decoration: underline; background-image: url("/cs/ENGInE/img/arrow_orange.gif"); background-position: 0px 4px; background-repeat: no-repeat; white-space:nowrap; } /* for ie6 */ a.linkText:hover span { color:#fa5514; } DIV.collectionClear { height:0; overflow:hidden; margin:-1px 0 0 0; clear:both; } /* showSingleArticle - TPK RENAMED ALL .article style to btoArt... */ #articlemoreArrow{ border:0px; margin:0px; padding:0px; margin-left:9px; margin-right:6px; } .btoArticleTitle{ font-size:1.8em; padding-bottom: 3px; line-height: 100%; } .btoArticleText{ /*Font-Size:0.69em;*/ } .btoArticleText a:link { color:#0d4bb3; text-decoration: underline; } .btoArticleText a:hover { color:#fa5514; text-decoration: underline; } /* VHARINI2 - TD 7332 - BUG - DEDE - underline on links */ .btoArticleText a:visited { color:#0d4bb3; text-decoration: underline; } .btoArticleAbstract{ margin-top:3px; margin-bottom: 8px; color:#333333; } .btoArticleBody{ width:100%; margin-top:5px; } .btoArticleLeft{ width:48%; float:left; margin-top:20px; padding-right: 3px; } .btoArticleRight{ width:48%; float:left; margin-top:20px; padding-left: 3px; } /* END showSingleArticle */ /*showCATCollection*/ .tab001_TabReco_ShowCATCollection { /* margin-left:-10px; clear:both; width:560px; */ } /*for ie6*/ /* TPK - removed ... * html .tab001_TabReco_ShowCATCollection { margin-left:-18px; } */ .CATRow{ /* width:560px; TPK */ padding:0px; /* margin-top:0px; margin-bottom:0px; margin-right:0px; */ clear:both; } .CATItem{ width:178px; float:left; margin-right:0px; padding:0px; text-align: left; /* TPK - inserted */ margin-right:3px; } .CATItem_2and3{ width:178px; float:left; margin-right:3px; /* TPK - removed margin-left:11px;*/ padding:0px; text-align: left; } * html .CATItem_2and3 { /* TPK changed from margin-left to margin-right */ margin-right:3px; } .CATarticleImg{ margin:0px; padding:0px; width:178px; overflow: hidden; margin: auto; float: left; } .CATarticleTitle{ font-weight:bold; font-size:1.1em; padding-bottom: 3px; height:30px; position:relative; display:block; float:left; width:174px; } .CATarticleTitle_2{ position:absolute; vertical-align:bottom; bottom:2px; } .CATarticleText{ /*font-weight:bold;*/ float:none; } .CATarticleBody{ /*font-size:0.69em;*/ font-size:1em; color:#676767; padding: 7px 7px 10px 7px; } .CATarticleBody ul{ margin-left:15px; } /*END showCATCollection*/ /*showBTICollection*/ .BTIarticleTitle{ font-weight:bold; font-size:1.1em; /*font-size:0.75em;*/ padding-bottom: 3px; padding-right: 10px; } .BTIarticleText{ /*font-weight:bold;*/ float:none; } .BTIarticleBody{ /*font-size:0.69em;*/ font-size:1em; color:#676767; margin: 0px 12px 5px 7px; } .BTIBodyText{ margin-top:10px; } .BTIRow { width:100%; margin:0px; padding:0px; margin-bottom:7px; clear:both; } .BTIItem{ float:left; height:100%; } .BTIItemSecond { float:right; margin-right:2px; /* margin-left:3px; TPK - DELETE AFTER TESTING Margin should be controlled by the first element */ height:100%; } .BTIOneItem{ width:98%; margin-bottom:3px; /* margin:0px 3px 0px 5px; TPK - DELETE AFTER TESTING margin-left should be defined by container items. */ } .BTITwoItems{ width:98%; /* margin:0px 3px 0px 5px; TPK - PLEASE DELETE AFTER TESTING This should not be defined here, rather it should be defined by container items! */ } DIV.BTITwoItems DIV.BTIItem { width:49%; } DIV.BTITwoItems DIV.BTIItemSecond { width:49%; } .BTIImage{ margin:0px; padding:0px; margin-right:12px; float:left; } /*END showBTICollection*/ /*showNXS001*/ .nxs001_header { width: 560px; background-image: url(ENGInE/img/nxs_top.gif); background-repeat: no-repeat; height: 26px; margin-top: 6px; font-family: Verdana; font-size: 1.3em; padding-top:8px; } .nxs001_headertext { margin-left: 5px; } .nxs001_container_row1 { background: url(ENGInE/img/nxs_bg.gif) repeat-y; width:560px; } .nxs001_float { float: left; _width:1px; } .nxs001_container_row2 { width:560px; } .nxs001_float_right { float: right; _width:1px; } .nxs001_spacer_10 { height: 10px; } .nxs001_spacer_18 { height: 18px; } /* for ie6 */ * html .nxs001_spacer_18 { line-height: 7px; height: 7px; } .nxs_linktext { padding-left: 2px; display: block; } a.linkNxs001:link, a.linkNxs001:visited{ float: none; margin-top: 2px; padding-left: 16px; display: block; color:#333333; text-decoration: none; font-family: Verdana; /* font-size: 0.8em; */ background-image: url("/cs/ENGInE/img/nxs_right_arrow.gif"); background-position: 3px 2px; background-repeat: no-repeat; } a.linkNxs001:hover{ color:#fa5514; background-image: url("/cs/ENGInE/img/nxs_right_arrow_orange.gif"); background-position: 3px 2px; background-repeat: no-repeat; } div.spacer { clear: both; } .nxs001_Bottom { width: 560px; background: url(ENGInE/img/nxs_bot.gif) no-repeat; height: 5px; } .nxs001_margin { margin-left: 5px; } .nxs001_nomargin { margin-left: 0px; } .nxs001_noclasse { margin-left: 0px; } a.nxs001_innerborder, a.nxs001_innerborder img { float: left; overflow:hidden; } a.nxs001_innerborder:hover { border:2px solid #fa5514; } a.nxs001_innerborder:hover img { margin: -2px; } /*END showNXS001*/ /*-overlay start-----------------------*/ #overlay{ display: none; z-index: 90; position: absolute; top: 0px; left: 0px; width: 100%; height: 500px; background-color: #000; opacity: 0; //filter: alpha(opacity=0); } #overlayContent{ position: absolute; z-index: 95; } #overlayButton{ /*display: none;*/ top: 0px; left: 0px; position:absolute; z-index: 96; height: 30px; cursor: pointer; } /*-overlay end-----------------------*/ /*---- Layout4 ----*/ #frame { width: 980px; position:relative; margin: 0 auto; text-align: left; background: #ffffff; } #orange_line { position: relative; top: 0px; font-size: 0px; width: 980px; height: 8px; background: url(ENGInE/img/logo_orange_line.gif) repeat-x; } #masthead { top: 0px; width: 980px; height: 115px; text-align: left; } #lockup_container { position: absolute; top: 25px; right:0; z-index: 80; } #top_anchor { visibility:hidden; } /* TD 7572 - Move Navigation Up - done by VHARINI2 */ #container_navi { position: relative; z-index: 80; margin-top:-75px; width: 200px; float: left; text-align: center; } .left_item { margin-bottom: 4px; margin-left: 8px; margin-right: 5px; margin-top: 0px; text-align: left; position: relative; } #mediaplayer1{ /*position: relative; ie bug*/ top: 0px; width: 780px; height: 439px; background: black; color:white; vertical-align: bottom; } #mediaplayer2{ position: relative; top: -115px; width: 780px; height: 115px; vertical-align: bottom; z-index: 20; visibility: hidden; } #container_main { margin-top: -115px; width: 780px; float: left; text-align: center; } #container_center, #container_center_layout7 { width:580px; float:left; text-align: center; } #container_center_layout7 { width:780px; } .center_item { margin: 5px; text-align: left; } #center_btt { text-align: left; } #container_right { width:200px; float:left; text-align: center; } .right_item { margin-top: 0px; margin-bottom: 4px; margin-left: 4px; margin-right: 6px; float:right; _float:none; } #container_footer { width:980px; clear: both; } /*---- Layout4 ende----*/ /*---- Layout1 ----*/ #frame_lo1 { width: 980px; position:relative; margin: 0 auto; text-align: left; background: #000000; } /* TD 7572 - Move Navigation Up - done by VHARINI2 */ #container_navi_lo1 { /* position: absolute; */ width: 200px; min-height: 555px; _height: 555px; padding-top:40px; text-align: center; } #container_footer_lo1{ width:980px; clear: both; /* position: relative; */ } #flash_content_layer_lo1 { position:absolute; z-index:0; } #nav_lu_layer_lo1 { /* position: relative; z-index:100000; */ //position:relative; //z-index: 10000; } #footer_layer_lo1 { position:relative; z-index: 10; } /*---- Layout1 ende----*/ /* classes for box GLS001 and FDS001 */ .gls_body { text-align: left; } .gls_header{ font-family:Verdana; /* font-size : 1.1em; */ font-weight:bold; color: #FFFFFF; position: absolute; left:1px; top:8px; } .gls_headerclose { font-family:Verdana; color: #FFFFFF; position: absolute; right:6px; top:6px; z-index: 1; } .gls_close_text { float: left; font-size : 0.9em; padding-right: 4px; padding-bottom: 2px; color: #FFFFFF; } .gls_close_text a { color:#FFFFFF; text-decoration: none; font-size : 0.9em; } .gls_close_but { float: left; display: block; text-decoration: none; background-image: url("/cs/ENGInE/img/close_but.png"); background-position: 1px 0px; background-repeat: no-repeat; width:17px; height:17px; cursor: pointer; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/close_but.png', sizingMethod='image'); } .gls_outer{ position: relative; width: 580px; } /*-header row------------------------------------------------------------*/ .gls_top_row{ position: relative; width: 580px; height: 29px; } .gls_top_l{ background-image:url("/cs/ENGInE/img/tl_corner.png"); height: 29px; width: 17px; float: left; /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/tl_corner.png', sizingMethod='image'); } .gls_top_m{ position: relative; background-image: url("/cs/ENGInE/img/header.png"); height: 29px; float: left; width: 546px; /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/header.png', sizingMethod='scale'); } .gls_top_r{ background-image:url("/cs/ENGInE/img/tr_corner.png"); height: 29px; width: 17px; float:right; /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/tr_corner.png', sizingMethod='image'); } /*-content row------------------------------------------------------------------------------*/ .gls_content_row{ position:relative; width: 580px; } .gls_frame_l{ position: absolute; width: 6px; top: 0px; left: 0px; min-height: 100%; HEIGHT:expression(window.XMLHttpRequest !=null ? "auto":document.getElementById('content').clientHeight+ "px"); float:left; background-image:url("/cs/ENGInE/img/l_frame.png"); background-repeat:repeat-y; /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/l_frame.png', sizingMethod='scale'); } .gls_frame_content{ background-Color:#FFFFFF; width: 540px; margin-left: 4px; padding: 16px; padding-top: 14px; } .gls_frame_r{ clear:both; position: absolute; width: 6px; top: 0px; right: 0px; min-height: 100%; HEIGHT:expression(window.XMLHttpRequest !=null ? "auto":document.getElementById('content').clientHeight+ "px"); background-image:url("/cs/ENGInE/img/r_frame.png"); background-position:right; background-repeat:repeat-y; /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/r_frame.png', sizingMethod='scale'); } /*-bottom row ----------------------------------------------------------------------------------*/ .gls_bottom_row{ clear: both; width: 580px; margin-bottom: 0px; } .gls_bottom_l{ width: 6px; height: 5px; background-image:url("/cs/ENGInE/img/bl_corner.png"); background-repeat:no-repeat; float: left; /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/bl_corner.png', sizingMethod='image'); } .gls_bottom_m{ background-image: url("/cs/ENGInE/img/b_frame.png"); height: 5px; float: left; background-repeat:repeat-x; /*width: 568px;*/ /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/b_frame_600.png', sizingMethod='crop'); } .gls_bottom_r{ width: 6px; height: 5px; background-image:url("/cs/ENGInE/img/br_corner.png"); background-repeat:no-repeat; float: left; /*//background-image:url();*/ //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/br_corner.png', sizingMethod='image'); } /* --end box ------------------------------------------------------------------------------------------------*/ /* --GLS001 only ------------------------------------------------------------------------------------------*/ .gls_imageclass { float: left; margin-right:14px; width: 191px; overflow:hidden; } .gls_text { /* font-size : 0.9em; */ color: #676767; } /* --end GLS001-----------------------------------------------------------------------------------------------*/ /* --FD001 only ---------------------------------------------------------------------------------------------*/ .fd001_abstand { padding-left:16px; padding-right:16px; padding-bottom:16px; padding-top:25px; } .fd001_image { width: 191px; overflow:hidden; } .fd001_BodyText { /* font-size : 0.7em; */ padding:16px; color: #676767; } /* --end FD001---------------------- */ /* GLS001 Non Javascript Solution -- */ .glsnjs_bodyclass { width: 580px; background-color:#FFFFFF; margin: 1px; text-align: left; } .glsnjs_abstand { padding-left:16px; padding-right:16px; padding-bottom:1px; padding-top:26px; } .glsnjs_headerrow { position: relative; } .glsnjs_header { font-size : 1.1em; font-weight:bold; position: absolute; left:9px; top:5px; } .glsnjs_rand_o_gls { background-image: url("/cs/ENGInE/img/gls_header.gif"); top: 0; background-repeat:repeat-x; } .glsnjs_rand_ro_gls { background-image:url("/cs/ENGInE/img/gls_tr_corner.gif"); background-position:top right; background-repeat:no-repeat; } .glsnjs_rand_lo_gls { background-image:url("/cs/ENGInE/img/gls_tl_corner.gif"); background-position:top left; background-repeat:no-repeat; } .glsnjs_rand_lu_gls { background-image:url("/cs/ENGInE/img/gls_bl_corner.gif"); background-position:bottom left; background-repeat:no-repeat; } .glsnjs_rand_ru_gls { background-image:url("/cs/ENGInE/img/gls_br_corner.gif"); background-position:bottom right; background-repeat:no-repeat; } .glsnjs_rand_r_gls { background-image:url("/cs/ENGInE/img/gls_r_frame.gif"); background-position:right; background-repeat:repeat-y; } .glsnjs_rand_l_gls { background-image:url("/cs/ENGInE/img/gls_l_frame.gif"); background-position:left; background-repeat:repeat-y; } .glsnjs_rand_u_gls { background-image:url("/cs/ENGInE/img/gls_b_frame.gif"); background-position:bottom; background-repeat:repeat-x; } /* end GLS001 Non Javascript Solution -- */ /* fd001 Non Javascript Solution */ .fd001njs_bodyclass { text-align: left; width: 580px; background-color:#FFFFFF; } .fd001njs_bodyclass_flash { text-align: left; } .fd001njs_BodyText { padding:1px; color: #676767; } .fd001njs_header { font-size : 1.1em; font-weight:bold; margin-left:16px; padding-top:10px; } .fd001njs_abstand { padding-left:16px; padding-right:16px; padding-bottom:1px; padding-top:6px; } /* end fd001 Non Javascript Solution */ /* ShowFVC & FVC001 */ .fvccontainer { position: relative; width: 580px; overflow: hidden; } .fvcbox { float: left; width: 170px; margin-left: 25px; } .fvcfirstbox { float: left; width: 170px; margin-left: 0px; } .fvc { z-index: 10; /* IE sucks */ text-align: left; position: relative; width: 170px; font-size: 0.9em; margin: 0; padding: 0; } span.fvctitle { font-size: 1.4em; font-weight: bold; display: block; } .fvc b, .fvc strong { font-weight: bold; } .fvc a { background: url("/cs/ENGInE/img/nxs_right_arrow.gif") no-repeat center left; margin-left: 8px; padding-left: 20px; color: #333333; text-decoration: none; display: block; } .fvc a:hover { color: #FA5514; background-image: url("/cs/ENGInE/img/nxs_right_arrow_orange.gif"); } .fvc a.fvctitle { padding: 2px 0 0 26px; text-align: left; background: url("/cs/ENGInE/img/fvd_halo_right_default.png") top left no-repeat; //display: block; _zoom: 1; _cursor: pointer; _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fvd_halo_right_default.png', sizingMethod='crop'); } .fvc a.fvctitle:hover { background-image: url("/cs/ENGInE/img/fvd_halo_right_hover.png"); _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fvd_halo_right_hover.png', sizingMethod='crop'); } .fvc a.fvcseedetailed { background: url("/cs/ENGInE/img/nxs_right_arrow.gif") no-repeat center left; margin-bottom: 10px; margin-top: 12px; } .fvc a.fvcseedetailed:hover { background-image: url("/cs/ENGInE/img/nxs_right_arrow_orange.gif"); } a.fvcconfigure { margin-left: 0; padding-bottom: 3px; font-weight: bold; //zoom: 1; } .fvcdescription { margin: 0; padding: 0; } .fvcyouchose { padding-bottom: 0px; padding-top: 10px; } .fvcconfigurebox { padding-top: 10px; } .fvc p { margin: 0; padding: 0; } .fvc ul { padding: 10px 0 0 0; margin: 0 0 0 -10px; //margin-left: -7px; _margin-left: -10px; } .fvc li{ margin:0; padding:0; margin-left: 23px; padding-left: 0px; _padding-left: 0px; _margin-left: 25px; } .fvc br { padding: 0; margin: 0; } .fvcorverviewimg { display: block; width: 138; height: 71; margin-left: auto; margin-right: auto; _margin-left: 16px; /* IE sucks */ } a.fvcbacktoexplorer { background: url("/cs/ENGInE/img/nxs_right_arrow.gif") no-repeat left center; /* #5623 */ float: left; margin: 32px 0 0 0; /* #5623 */ font-size: 0.9em; padding: 7px 0 9px 20px; color: #333333; text-decoration: none; font-weight: bold; } a:hover.fvcbacktoexplorer { color: #FA5514; background-image: url("/cs/ENGInE/img/nxs_right_arrow_orange.gif"); } /* End of FVC001 */ /* Search results */ .search { font-size: 1em; color: #2f2e2e; } .searchTitle { margin: 0; padding: 13px 0 10px 0; } .searchTitle strong { font-weight: bold; padding-right: 4px; } .searchFooter { text-align: center; margin: 0; padding: 16px 0 13px 0; } .searchFooter label { color: #fb770a; } .searchFooter a { color: #0d4bb3; } .searchResult { padding: 7px 14px 8px 9px; margin: 2px 0 0 0; } .searchResultSponsored { margin: 0; padding: 0; background-color: #efefef; } .searchResult p { margin: 0; padding-top: 3px; color: #676767; } .searchResult label { color: #0d4bb3; } a.searchResultTitle { font-size: 1.15em; font-weight: bold; color: #000000; } a:hover.searchResultTitle { color: #fb770a; } /* End of search results*/ /* AWE_PROD.EMSMS_CMS_Workflow - Defect #5933 */ sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } #flash_content{ } /* AWE_PROD.EMSMS_CMS_Workflow - Defect #5933 -- end*/ /* CR Flash Detection -- start*/ #noFlash{ display: none; color: #5e5e5e; position: absolute; z-index: 99; width: 439px; height: 231px; top: 10px; left: 10px; text-align: left; } #noFlash div.header{ font-size: 1.3em; font-weight: bold; height: 23px; color: #ffffff; padding-left: 15px; padding-top: 10px; background-image: url("/cs/ENGInE/img/fd_message_top.png"); //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fd_message_top.png', sizingMethod='image'); } #noFlash div.text{ background-image: url("/cs/ENGInE/img/fd_message_mid.gif"); padding-left: 15px; padding-right: 15px; padding-top: 11px; min-height: 124px; _height: 124px;*/ } #noFlash div.buttonrow{ background-image: url("/cs/ENGInE/img/fd_message_mid.gif"); height: 40px; padding-left: 59px; } #noFlash div.bottom{ background-image: url("/cs/ENGInE/img/fd_message_bottom.png"); /* border: solid 1px black;*/ height: 23px; padding-left: 15px; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/fd_message_bottom.png', sizingMethod='image'); } #noFlash div.btnFlash{ background-image: url("/cs/ENGInE/img/fd_adobe_button.gif"); width: 160px; height: 40px; float: left; } #noFlash div.btnFlash a{ position: absolute; width: 160px; height: 40px; } #noFlash div.btnDecline{ height: 40px; float: left; cursor: pointer; margin-left: 37px; } #noFlash div.btnDeclineLeft{ background-image: url("/cs/ENGInE/img/fd_button_left.gif"); height: 40px; width: 2px; float: left; } #noFlash div.btnDeclineMid{ min-width: 100px; _width: 100px; float: left; padding-left: 10px; padding-right: 10px; padding-top: 11px; } #noFlash div.btnDeclineRight{ background-image: url("/cs/ENGInE/img/fd_button_right.gif"); height: 40px; width: 2px; float: left; } #noFlash div.btnDecline a{ background-image: url("/cs/ENGInE/img/fd_button_mid.gif"); position: absolute; height: 40px; color: #414141; text-decoration: none; text-align: center; font-size: 1.3em; font-weight: bold; } /* CR Flash Detection -- end*/ /* MDP002 */ .mdp2Box { /* height: 100%; width: 100%;*/ width: 780px; height: 439px; margin: 0; padding: 0; overflow: hidden; text-align: left; _margin-bottom: -2px; } .mdp2Box img { width: 780px; height: 439px; } .mdp2 { text-align: left; height: 32px; width: 771px; position: relative; top: -32px; left: 4px; } .mdp2 table { width: 769px; height: 32px; border-collapse: collapse; border-spacing: 0; overflow: hidden; } .mdp2 td { height: 32px; text-align: left; vertical-align: middle; width: auto; white-space: nowrap; overflow: hidden; margin: 0; padding: 0; } .mdp2 a { position: relative; max-width: 161px; text-indent: 34px; padding-right: 5px; display: block; _zoom: 1; /* IE sucks */ padding-top: 8px; margin: 0px; height: 32px; cursor: pointer; } .mdp2 a, mdp2 a:visited, mdp2 a:active { text-decoration: none; color: #363636; font-size: 0.85em; font-weight: bold; } #mdp2Fullscreen a { oveflow: hidden; max-width: 180px; background: url('/cs/ENGInE/img/mdp2_left.png') no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/mdp2_left.png', sizingMethod='crop'); } #mdp2Fullscreen a { margin-left: 4px; } #mdp2Fullscreen a:hover { color: white; background: url('/cs/ENGInE/img/mdp2_left_sel.png') no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/mdp2_left_sel.png', sizingMethod='crop'); } #mdp2Download a { max-width: 180px; background: url('ENGInE/img/mdp2_middle.png') no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/mdp2_middle.png', sizingMethod='crop'); } #mdp2Download a:hover { color: white; background: url('ENGInE/img/mdp2_middle_sel.png') no-repeat; //background-image:url(); //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/mdp2_middle_sel.png', sizingMethod='crop'); } #mdp2Description { width: 40%; background: url('ENGInE/img/mdp2_fill.png') no-repeat; _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/mdp2_fill.png', sizingMethod='crop'); } #mdp2Description a { text-indent: 12px; padding-left: 0; } #mdpCaption { cursor: default; } #mdp2Right { width: 200px; background: url('/cs/ENGInE/img/mdp2_right2.png') no-repeat; _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/mdp2_right2.png', sizingMethod='crop'); } /* MDC001 */ .mdc001Container { position: relative; z-index: 11; zoom: 1; /* ie */ } .mdc001 { position: relative; z-index: 11; width: 188px; padding: 0; margin: 0; font-size: 1px; text-align: left; } .mdc001InternalSpan { overflow: hidden; width: 75px; height: 42px; position: absolute; } .mdc001Span a { text-decoration: none; display: block; border: white solid 1px; position: absolute; z-index: 11; width: 75px; height: 42px; left: 12px; top: 11px; } .mdc001Selected { } .mdc001Span a:hover, a.mdc001Selected { border: #ff7808 solid 3px; width: 71px; height: 38px; left: 12px; top: 11px; } a:hover span.mdc001InternalSpan, a.mdc001Selected span.mdc001InternalSpan { width: 71px; height: 38px; } .mdc001Span a:hover img.mdc001Img,.mdc001Span a.mdc001Selected img.mdc001Img { position: relative; z-index: 11; top: -2px; left: -2px; cursor: pointer; } div.mdc001 { padding-left: 0px; padding-bottom: 17px; overflow: hidden; _zoom: 1; /* ie 6 */ } .mdc001Img { width: 75px; height: 42px; position: relative; cursor: pointer; border: none; } .mdc001Icon { position: absolute; left: 2px; bottom: -4px; z-index: 11; } a:hover .mdc001Icon, a.mdc001Selected .mdc001Icon { position: absolute; left: 0px; bottom: -6px; } span.mdc001Span { position: relative; z-index: 11; display: block; float: left; width: 88px; height: 55px; _zoom: 1; } .mdc001Gradient { position: absolute; height: 100%; left: 0; top: 0; } .mdc001GradientContainer { position: relative; z-index: 11; max-height: 226px; height: 100%; } .mdc001GradientPanel { position: absolute; height: 226px; width: 188px; bottom: 0; background: url("/cs/ENGInE/img/mdc_panel.gif") no-repeat; } .mdc001GradientFill { height: 500px; width: 188px; background: url("/cs/ENGInE/img/mdc_panel_ext.gif") repeat-y; } .mdc001Header { position: absolute; top: -32px; left: 3px; //top: -30px; margin: 0; padding: 10px 0px 2px 14px; height: 21px; width: 174px; line-height: 10px; text-align: left; font-weight: bold; color: #ffffff; background: url("/cs/ENGInE/img/mdc_photos_media_tab_2.png") no-repeat; _background-image:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ENGInE/img/mdc_photos_media_tab_2.png', sizingMethod='crop'); _left: 5px; zoom: 1; } .mdc001Footer { height: 9px; width: 188px; background: url("/cs/ENGInE/img/mdc_panel_bot.gif") no-repeat; } /*END mdc001*/ /* Image Gallery Grid */ #tab001 .IGGWrapper > div.IGGRow { /* margin-left:-12px;*/ } .IGGWrapper > div.IGGRow { clear:left; width:auto; height:auto; margin:0px; padding:0px; } div.IGGRow { text-align:left; width:536px; height:auto; overflow: hidden; } div.IGGHSpacer { float:left; width:12px; height:12px; } div.IGGSpacer { clear:both; height:12px; } .IGGImg { position:relative; clear:left; z-index:10; width:123px; height:68px; } .IGGImg a { border:#676767 solid 1px; z-index:80; position:absolute; width:123px; height:68px; left:0px; top:0px; } .IGGImg a:hover { border: #ff7808 solid 3px; z-index:80; width:119px; height:64px; left:0px; top:0px; } .IGGImg img { border:none; } .IGGImg a:hover img { position:relative; top:-4px; left:-4px; } .IGGRow > .IGGPos { float:left; width:125px; } .IGGPos { position:relative; margin-right:0px; z-index:10; float:left; width:125px; } .IGGPos a { border:#676767 solid 1px; z-index:80; position:absolute; width:123px; height:68px; left:0px; top:0px; cursor: pointer; } .IGGSelected {} /* used below */ .IGGPos a:hover, .IGGPos a.IGGSelected { border:#ff7808 solid 3px; z-index:80; width:119px; height:64px; left:0px; top:0px; } span.IGGInternalSpan { position: absolute; overflow: hidden; width:123px; height:68px; } .IGGPos a:hover span.IGGInternalSpan, a.IGGSelected span.IGGInternalSpan { position: absolute; overflow: hidden; width:119px; height:64px; top:0px; left:0px; } .IGGPos a:hover img, .IGGPos a.IGGSelected img { position: relative; top:-2px; left:-2px; } .IGGIcon { position:absolute; border:none; left:2px; top:52px; z-index: 99; } .IGGPos a:hover img.IGGIcon, a.IGGSelected img.IGGIcon { left:0px; top:50px; } .IGGText { position:relative; color:#333333; float:left; z-index:10; height:auto; margin-top:10px; padding-left:2px; padding-right:2px; width:121px; font-weight:bold; } /* End of Image Gallery Grid */