/***********************/ /* core.css */ /**********************/ /*dgoddin1 - NEW Font metrics from webtype */ /* webfonts for font "Ford Antenna" */ /* */ @font-face { font-family: "FordAntennaRegular"; src: url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.eot"); src: url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaBold"; src: url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.eot"); src: url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.svg') format('svg'); font-style: normal; font-weight: bold; } @font-face { font-family: "FordAntennaBlack"; src: url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.eot"); src: url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaLight"; src: url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.eot"); src: url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.svg') format('svg'); font-style: normal; font-weight: normal; } body { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #333333; background-image: url("/cs/ENGInE/img/ford_common_bg.jpg"); background-repeat: no-repeat; background-color: #CAD8D9; margin: 0px 0px 0px 0px; text-align: center; font-size: 70%; /*68%;*/ line-height: 130%; background-position: center -9px; } a:link, a:visited, a:focus, a:active { color:#425968; text-decoration: underline; } a:hover { color:#2D96CD; text-decoration: underline; } .nowrap_class { white-space:nowrap; } /* Footer */ .spacer10high { height: 13px; clear: both; } .spacer35high { clear:both; line-height: 35px; } #footercontainerblack { width: 980px; } #footercontainerwhite { width: 980px; background-color: #cad8da; } #footercontainerleft { width: 490px; float: left; } #footercontainerright { width: 490px; float: right; } #footerblackleft { border-top: 1px solid #425968; padding-top: 8px; margin-left: 8px; text-align: left; font-family: FordAntennaCond,Arial,Verdana,sans-serif; /* font-size: 0.9em;*/ } #footerblackright { border-top: 1px solid #425968; color: #425968; padding-top: 8px; margin-right: 8px; text-align: right; font-family: FordAntennaCond,Arial,Verdana,sans-serif; /* font-size: 0.9em;*/ } a.footerblackleft:link { color: #425968; text-decoration: none; padding-right: 16px; } a.footerblackleft:visited { color: #425968; text-decoration: none; padding-right: 16px; } a.footerblackleft:hover { color: #2D96CD; text-decoration: none; padding-right: 16px; } a.footerblackright:link { color: #425968; text-decoration: none; padding-left: 16px; } a.footerblackright:visited { color: #425968; text-decoration: none; padding-left: 16px; } a.footerblackright:hover { color: #2D96CD; text-decoration: none; padding-left: 16px; } #footerwhiteleft { padding-top: 1px; margin-left: 8px; text-align: left; /* border-top: 1px solid #425968;*/ /* font-size: 0.9em;*/ } #footerwhiteright { color: #425968; padding-top: 1px; margin-right: 7px; text-align: right; /* font-size: 0.9em;*/ /* border-top: 1px solid #425968;*/ } a.footerwhiteleft:link { color: #425968; text-decoration: none; padding-right: 16px; } a.footerwhiteleft:visited { color: #425968; text-decoration: none; padding-right: 16px; } a.footerwhiteleft:hover { color: #2D96CD; text-decoration: none; padding-right: 16px; } a.footerwhiteright:link { color: #425968; text-decoration: none; padding-left: 16px; } a.footerwhiteright:visited { color: #425968; text-decoration: none; padding-left: 16px; } a.footerwhiteright:hover { color: #2D96CD; 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-bottom: 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-size: 0.9em; font-weight:bold; 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:#2D96CD; 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: 14px; width: 13px; z-index:11; left: 12px; top: 3px; 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-size:0.8em; color:#000000; z-index:11; } .SiteSearchLink { position:absolute; left:163px; 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: 18px; width: 18px; 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: 18px; width: 18px; 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: #425968; text-decoration: underline; background-image: url("/cs/ENGInE/img/arrow_blue.gif"); background-position: 0px 2px; background-repeat: no-repeat; white-space:nowrap; font-weight: bold; } /* for ie6 */ a.linkText span { color: #425968; text-decoration: underline; } a.linkText:hover { color:#2D96CD; background-image: url("/cs/ENGInE/img/arrow_orange.gif"); } /* for ie6 */ a.linkText:hover span { color:#2D96CD; } 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; } /*TD - 10275 : Lambda character issue in article headlines on GREL */ .btoArticleTitle{ font-family: FordAntennaRegular, Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:2.2em; line-height: 100%; color: #425968; margin-top: 12px; margin-bottom: 12px; /* padding-top: 15px; padding-bottom: 3px;*/ } .btoArticleTitle b{ font-family: FordAntennaBlack, Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight: normal; font-style: normal; } .btoArticleText{ font-size: 1.1em; } .btoArticleText a:link { color:#425968; text-decoration: underline; } .btoArticleText a:hover { color:#2D96CD; text-decoration: underline; } /* VHARINI2 - TD 7332 - BUG - DEDE - underline on links */ .btoArticleText a:visited { color:#0d4bb3; text-decoration: underline; } .btoArticleAbstract{ margin-top:14px; margin-bottom: 25px; } .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.2em; padding-bottom: 3px; padding-right: 10px; color:#425968; } .BTIarticleText{ /*font-weight:bold;*/ float:none; } .BTIarticleBody{ font-size: 1.1em; 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-right:10px; margin-right:10px; 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-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 { display:inline-block; _width:1px; float:left; margin-bottom:5px; } .nxs001_container_row1 .nxs001_float:first-child{ margin-left:2px; } .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-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:#2D96CD; 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 #2D96CD; } a.nxs001_innerborder:hover img { margin: -2px; } /*END showNXS001*/ /*-overlay start--------------------------------------------------------------*/ #overlay{ display: none; z-index: 60000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0; //filter: alpha(opacity=0); } #overlayContent{ position: absolute; z-index: 2147483647; } #overlayButton{ /*display: none;*/ top: 0px; right: 0px; position:absolute; z-index: 9600; height: 30px; cursor: pointer; width:100px; } /*----------------------------------------------------------------------------*/ /*-Layout4--------------------------------------------------------------------*/ #frame { width: 980px; position:relative; margin: 0 auto; text-align: left; top: 55px; background-color: #ffffff; background-repeat: no-repeat; } #orange_line { position: relative; top: 0px; font-size: 0px; width: 100%; /*980px;*/ height: 8px; background: url(ENGInE/img/logo_orange_line.gif) repeat-x; } #masthead { top: 0px; width: 780px; height: 115px; text-align: left; float: right; position: relative; right: 200px; } #frame #masthead { z-index: 0; } /*TD - 8176 : Style defined when masthead is not having an image*/ #nomasthead { top: 0px; width: 780px; height: 10px; text-align: left; float: right; position: relative; right: 200px; } #lockup_container { position: absolute; width: 200px; text-align: center; top: -23px; z-index: 85; left: 0px; display: inline; /*position: absolute; top: 25px; right:0; z-index: 80; margin:-105px 5px 8px 7px; */ } #top_anchor { visibility:hidden; } /* TD 7572 - Move Navigation Up - done by VHARINI2 */ /*TD 9859 -PADDING TOP CHANGED FROM 115PX TO 66PX TO REMOVE THE GAP BETWEEN lOGO AND LEFTNAV -done by SAKTHI*/ #container_navi { position: relative; padding-top: 66px; z-index: 80; width: 200px; min-height: 150px; float: left; text-align: center; background-image: url("/cs/ENGInE/img/nav_main_bg.png"); background-repeat: repeat-x; /*margin-top: -65px; min-height: 555px; _height: 555px; min-height: 555px; _height: 555px; padding-top: 79px; 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: -114px; width: 780px; height: 114px; vertical-align: bottom; z-index: 20; visibility: hidden; } /*-TD 8042 AddThis -----------------------------------------------------------*/ #addthis_container { width:580px; float:left; } #addthis_homeleft{ min-height:15px; width:187px; position: relative; z-index: 20; } /*----------------------------------------------------------------------------*/ #container_main { margin-top: -115px; width: 780px; float: left; text-align: center; min-height: 700px; } #frame #container_main { position: relative; z-index: 1; } #container_center, #container_center_layout7 { width:580px; float:left; text-align: center; } #container_center_layout7 { padding-top:30px; width:780px; } /* TD 9015 - Removed commented min-height property - for IE browser compatibility issue */ .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; } /*TD 8914- Carline Footer - Change the Background color to match with page's background color by vsowjan1*/ #carline_footer{ width: 980px; clear: both; /*background-color: #D7E1E3;*/ } /*----------------------------------------------------------------------------*/ /*--Layout1-------------------------------------------------------------------*/ #frame_lo1 { width: 980px; position:relative; margin: 0 auto; text-align: left; top: 55px; } /* TD 7572 - Move Navigation Up - done by VHARINI2 */ /* TD 8865 - Space between SBE links and carlineFooter -done by BBUEAL1*/ #container_navi_lo1 { position: relative; width: 200px; /*min-height: 555px;*/ _height: 555px; padding-top: 66px; text-align: center; background-image: url("/cs/ENGInE/img/nav_main_bg.png"); background-repeat: repeat-x; z-index: 20; } #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:16; clear:both; } /*----------------------------------------------------------------------------*/ /*-classes for box GLS001 and FDS001------------------------------------------*/ .gls_body { text-align: left; } .gls_header{ font-size : 1.4em; font-weight:bold; color: #FFFFFF; position: absolute; left:1px; top:8px; } .gls_headerclose { color: #FFFFFF; position: absolute; right:6px; top:6px; z-index: 1; } .gls_close_text { float: left; font-size : 1.5em; 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/overlay_btn_close.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/overlay_btn_close.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"); // HEIGHT: auto; 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"); //HEIGHT: auto; 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: 175px; margin: 0 8px 40px 5px; display: block; } .fvcfirstbox { float: left; width: 175px; margin: 0 8px 40px 5px; display: block; } .fvc { z-index: 10; /* IE sucks */ text-align: left; position: relative; width: 175px; margin: 0; padding: 0; } span.fvctitle { font-family: FordAntennaBlack, Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 1.4em; display: block; margin-left: 26px; min-height: 57px; line-height: 120%; } .fvc b, .fvc strong { font-weight: bold; } .fvc a { background: url("/cs/ENGInE/img/nxs_right_arrow.gif") no-repeat; background-position: 0px 2px; margin-left: 8px; padding-left: 20px; color: #333333; text-decoration: none; display: block; } .fvc a:hover { color: #2D96CD; background-image: url("/cs/ENGInE/img/nxs_right_arrow_orange.gif"); } .fvc a.fvctitle { padding: 0; text-align: left; background-image: url("/cs/ENGInE/img/fvd_halo_right_default.png"); background-position: 0 112px; background-repeat: 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'); color: #425968; margin: 0; } .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'); color: #2D96CD; } .fvc a.fvcseedetailed { /*line-height: 1.1em;*/ background: url("/cs/ENGInE/img/nxs_right_arrow.gif") no-repeat; background-position: 0px 2px; margin-bottom: 11px; margin-top: 12px; margin-left: 18px; padding-left: 16px; } .fvc a.fvcseedetailed:hover { background-image: url("/cs/ENGInE/img/nxs_right_arrow_orange.gif"); } a.fvcconfigure { margin-left: 0; margin-bottom: 3px; font-weight: bold; color:#333333; //zoom: 1; } .fvcdescription { color: #575757; margin-left: 1px; margin-top: 12px; font-size: 1em; } .fvcyouchose { padding-bottom: 0px; padding-top: 10px; } .fvcconfigurebox { padding-top: 10px; } .fvc p { margin: 0; padding: 0; } .fvc ul { padding: 10px 0 0 0; list-style-type: disc; 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 */ padding: 7px 0 9px 20px; color: #333333; text-decoration: none; font-weight: bold; } a:hover.fvcbacktoexplorer { color: #2D96CD; 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; cursor: text; } 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*/ /*new Global Look & Style*/ .center_item_Layout2 { margin: 5px 5px 5px 8px; text-align: left; } .fvcpricerange{ font-family: 'FordAntennaBold', Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 0.9em; margin-top: 5px; margin-left: 26px; } /*-Carline Footer Only - Fixed version ---------------------------------------*/ #carline_footer { display:table; } .carlinerow { width:980px;display:table-row; } .carlinecol_start { display:table-cell; float:left; width: 182px; border-right: 2px solid #425968; padding: 0px 11px; text-align:top; } .centered{ text-align:center; margin-top:11px; } /*.divider{ border-top: 1px solid #425968; margin-top: 15px; margin-left: 8px;width: 962px; }*/ #listContainer{float: left;} .carlinecol { display:table-cell; float:left; width: 175px; border-right: 2px solid #425968; padding: 0px 11px; text-align:top; vertical-align:top; } .carlinecol_end { display:table-cell; width: 150px; border-style:none; padding: 0px 11px; text-align:top; vertical-align:top; float:left; } .carlineHeader { font-weight:bold; text-decoration:none; text-transform:uppercase; } .carlineLinkGroup{ margin-bottom: 10px; } .carlineIcon { float: left; padding: 0 5px 0 0; } .carlineIcon > a{ display: inline-block; } .carlineLink { text-align:top; } .carlineLink_placeholder { text-align:top; padding:0px 20px; } .carlineLink_placeholder strong{ color: #425968; text-decoration: none; } .carlineLink_placeholder strong:hover{ color: #2D96CD; text-decoration: none; } .spacer14high { clear: both; height: 14px; } /*----------------------------------------------------------------------------*/ /*-dealer rating style starts ------------------------------------------------*/ .dealerRatingContent{ margin-bottom: 10px; padding-left: 0px; padding-right: 0px; position: relative; width:190px; } #os .dealerRatingContent h2{ font: bold 13px Arial; margin: 0 0 18px; padding: 0; } .dealerRatingContent h2 a{ color: #0053A6; text-decoration: none; } .dealerRatingContent h2 a:hover{ text-decoration: underline; } .dealerRatingContent p{ color:#636363; font: bold 10px Arial; margin-top:10px; margin-bottom: 5px; text-align: left; } .dealerRatingContent_frame{ background: url(/cs/ENGInE/img/bar_bkgrd_grey.gif) repeat-x #E6E6E6; cursor: pointer; margin-top: -1px; height:13px; position: relative; top: 2px; width:100%; -moz-box-shadow: 0 1px 1px 1px #a9a9a9 inset; -webkit-box-shadow: 0 1px 1px 1px #a9a9a9 inset; box-shadow: 0 1px 1px 1px #a9a9a9 inset; } .dealerRatingContent_bar{ background: url(/cs/ENGInE/img/bar_bkgrd_blue.gif) repeat-x #117BCD; height:13px; width: 0; z-index:10; -moz-box-shadow: 0 1px 1px 1px #0d5c99 inset; -webkit-box-shadow: 0 1px 1px 1px #0d5c99 inset; box-shadow: 0 1px 1px 1px #0d5c99 inset; } .dealerRatingContent .infobox{ bottom: 35px; font-size: 10px; height: auto; left: 5px; padding: 0; position:absolute; width:335px; z-index: 200; text-align: left; } .infobox .tooltip_box { background: url(/cs/ENGInE/img/tooltip_whitebox.png) no-repeat 0 0 transparent; min-height:40px; width:335px; } /* IE8 opacity fix */ .infobox .tooltip_box { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/cs/ENGInE/img/tooltip_whitebox.png", sizingMethod="crop")\0/ !important; } .tooltip_box p{ color: #636363; font: bold 11px Arial; padding:20px 20px 10px; margin:0px; } .infobox .arrow-down { background: url(/cs/ENGInE/img/tooltip_bottom_arrow.png) no-repeat 0 0 transparent; height:24px; position: absolute; width:335px; z-index: 10; } /* IE8 opacity fix */ .infobox .arrow-down { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/cs/ENGInE/img/tooltip_bottom_arrow.png", sizingMethod="crop")\0/ !important; } .inSufficientData { width:100%; text-align: left; } .DealerdetailsButtons .dealerRatingContent{ width:100%; } .DealerdetailsButtons .dealerRatingContent p{ color:#333; margin-top:0px; } .DealerdetailsButtons .dealerRatingContent .infobox{ left: 120px; } .footnote { border-top:1px solid black; color:#000000; text-align:left; } /*----------------------------------------------------------------------------*/ /*-ENG-8727 - hmc update -----------------------------------------------------*/ .fvc .fvdArrowDown a{ background: none; margin: 0; padding: 0; } .fvcCarBlock { margin-bottom: 7px; } .fvcImageWrapper { position: relative; height: 110px; } .fvcImageCenter{ bottom: 0px; position: absolute; text-align: center; width: 100%; } span.fvctitle span{ font-family: FordAntennaLight, Arial, Verdana, Tahoma, Helvetica, sans-serif; } .fvcpricerange span{ font-size: 1.5em; } /*----------------------------------------------------------------------------*/ /*-ENG-8569-OwnerPDF Manuals starts-----------------------------------------------------*/ .divPage { display: table-cell; width: 750px; margin-top:15px; } .divMargin { margin:5px; } .divTitle { padding-bottom: 7px; } .divsearch{ color: #3D6598; font-size: 14pt; height: 20px; top: 30px; left:30px; } .divclear{ clear:both; } .divYearModelBlock { display: table-cell; float: left; width: 315px; position: relative; } .divFloatLeft{ float:left; padding-right:4px; } .divInnerMargin { padding:9px; } .divORBlock { display: table-cell; float: left; height: 150px; width: 120px; } .divAbsolute { position: absolute; padding-top: 17px; } .divORLayerBlue1 { background-color: #3D6598; height: 58px; width: 120px; } .divORLayerBlue2 { background-color: #003477; height: 58px; width: 120px; } .divORText { color: #FFFFFF; font-size: 20pt; font-weight: bold; height: 150px; width: 120px; line-height: 145px; text-align: center; position: absolute; top: 1px; } .divVinBlock { display: table-cell; float: left; width: 315px; position: relative; } .lableText1 { font-weight: bold; padding: 5px 0; } .lableText2 { color: #999999; margin-top: 10px; } .lableText3 { color: #000000; margin-top: 5px; } .selectyear { width: 163px; } .selectmodel { width: 231px; } .divModel{ padding:15px 0; } .inputVin { width: 202px; } .divResultBlock{ display: table-cell; width: 750px; position: relative; float:left; } .spacer60high{ clear: both; height: 60px; } .spacer9high{ height: 9px; } .spacer30high{ clear: both; height: 30px; } .spacer60left{ clear: both; left: 9px; } .findOwnersButton { float:right; } .btnFill_color1 { background: url("/cs/ENGInE/img/btn_c1_fill.png") repeat scroll 0 0 transparent; } .btnFill_color1, .btnFill_color2, .btnFill_color3, .btnFill_color4 { background-repeat: repeat-x; height: 24px; text-align: center; width: auto; } .btnLeft_color1 { background-image: url("/cs/ENGInE/img/btn_c1_left.png"); } .btnRight_color1 { background-image: url("/cs/ENGInE/img/btn_c1_right.png"); } .btnLeft_color1, .btnRight_color1 { background-repeat: no-repeat; height: 24px; width: 4px; } .btn_color1{ color: white; font-weight: bold; line-height: 22px; padding: 0 10px; } #findOwnersButonId span { display: block; vertical-align: top; float:left; } a:hover { color: #2D96CD; text-decoration: underline; } a#pdfLink { font-size: 10pt; color: #003477; } a:hover .btnLeft_color1{ background-image: url("/cs/ENGInE/img/btn_c4_left.png"); } a:hover .btnRight_color1{ background-image: url("/cs/ENGInE/img/btn_c4_right.png"); } a:hover .btnFill_color1 { background-image: url("/cs/ENGInE/img/btn_c4_fill.png"); } .divResultsColumn{ float: left; padding: 5px 0; width: 340px; } .divimage{ background-image: url("/cs/ENGInE/img/btn_c4_fill.png"); } .divTabText{ color: #003477; } .divPDFLinkMargin{ margin-top: 10px; } .divMainBlock{ height: 190px; width: 750px; } .pErrorBlock{ font-size: 10pt; font-weight: bold; color: red; display:block; } .pErrorNone{ display:none; } ul.manualsError { background: none repeat scroll 0 0 #F7E1E0; border: 1px solid red; clear: both; margin: 10px 0; padding: 5px; } .manualsError li { background: url("/cs/ENGInE/img/osb/icon_error.gif") no-repeat scroll 10px center #F7E1E0; color: red; list-style-type: none; padding: 3px 10px 3px 35px; } #ownermanuals h2, #ownermanuals h1 { color: #425968; } .topLeft { background-image: url("/cs/ENGInE/img/c_top_left.png"); height: 5px; position: absolute; width: 5px; z-index: 5; } .topRight { background-image: url("/cs/ENGInE/img/c_top_right.png"); right: 0; height: 5px; position: absolute; width: 5px; z-index: 5; } .bottomLeft { background-image: url("/cs/ENGInE/img/c_bottom_left.png"); bottom: 0; height: 5px; position: absolute; width: 5px; z-index: 5; } .bottomRight { background-image: url("/cs/ENGInE/img/c_bottom_right.png"); bottom: 0; right: 0; height: 5px; position: absolute; width: 5px; z-index: 5; } .frmInner { overflow: hidden; z-index: 0; border: 1px solid #A0ACB3; } .frmInnerMainBlock{ min-height: 150px; } .divPaddingTop5{ clear:both; padding-top: 5px; } /*----ENG-8569-OwnerPDF Manuals End /*----------------------------------------------------------------------------*/ #tab_1_item span span sub{line-height:10px} #tab001_container .unselected a:hover{color:#ffffff ! important;} div#mdp { width: 780px; height:439px; } a#mdpCaption:hover{color:#ffffff} .MicrosoftMap_NavBar_typeMenu .NavBar_menuItemSel .NavBar_typePreview { border-bottom: 2px solid #2D96CD !important; } .MicrosoftMap_NavBar_typeMenu .NavBar_menuItemSel .NavBar_typeTitle, .MicrosoftMap_NavBar_typeMenu .NavBar_menuItemSel .NavBar_typeDesc { color: #2D96CD !important; } #AskFordWrapper { background: url('/cs/ContentServer?pagename=ENGInE/EP2/common/GetImageByName&imageName=askFord_bg') 0 0 no-repeat; z-index: 6000; width: 237px; height: 150px; position: fixed; right: -190px; /*right:0;*/ top: 300px; -webkit-transition: right 0.3s; /* Safari */ transition: right 0.3s; cursor: pointer; } #AskFordWrapper h3, #AskFordWrapper p { color: #fff; margin: 15px 15px 0 60px; font-size: 10pt; } #AskFordWrapper p { margin-top: 5px; } #AskFordWrapper:hover { right:0px } /* Ask ford slide out CTA */ /*TD 9028 - min-height property changed for cookies popup issue */ .cookieAlertBox { background: transparent; bottom: 20px; min-height: 440px; padding: 0; position: fixed; right: 20px; width: 196px; z-index: 100; display: none; bottom: 20px; box-sizing: border-box; min-height: 0; } /*TD 9028 - position property changed for cookies popup issue */ .cookieAlertBox .top, #frame .cookieAlertBox .top, #frame_lo1 .cookieAlertBox .top { background: url("/cs/ENGInE/img/cookie_legislation_bgtop.png") repeat-x 0 0 transparent; border-radius: 2px 2px 0 0; float: left; min-height: 38px; padding: 0px 10px; position: relative; width: 176px; } .top > .title { color: #FFFFFF; float: left; font: bold 15px FordAntennaBold, Arial, Helvetica, sans-serif; margin: 5px 0 0 32px; padding: 10px 20px 5px 0; text-align: left; text-shadow: 0 0 2px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000; } .top > sub { color: #fff; font: bold 30px FordAntennaBold, Arial, Helvetica, sans-serif; left: 20px; line-height: 0; margin: 0 5px 0 0; padding: 0; position: absolute; top: 28px; vertical-align: text-bottom; text-shadow: 0 0 2px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000; } .top > .closeBtn { background: url("/cs/ENGInE/img/cookie_legislation_btclose.gif") no-repeat; height: 15px; position: absolute; right: 6px; text-indent: -999999px; top: 6px; width: 15px; } /*TD 9028 - padding property changed for cookies popup issue */ .cookieAlertBox .midContent, #frame .cookieAlertBox .midContent, #frame_lo1 .cookieAlertBox .midContent { background: url("/cs/ENGInE/img/cookie_legislation_bgmid.png") repeat-x transparent; float: left; min-height: 200px; padding: 20px 20px 0; width: 156px; } .midContent p { color: #415969; font: 11px FordAntenna, Arial, Helvetica, sans-serif; } .midContent ul, .midContent li { list-style: none; padding: 0; margin: 0; text-align: center; } .midContent li { margin-bottom: 15px; } .midContent li a { color: #415969; font: 9px FordAntenna, Arial, Helvetica, sans-serif; text-decoration: underline; } .midContent a.btnLink { background: url("/cs/ENGInE/img/cookie_legislation_btright.png") no-repeat right 0 transparent; display: block; height: 25px; padding: 0 2px; text-decoration: none; } .midContent a.btnLink span { background: url("/cs/ENGInE/img/cookie_legislation_btleft.png") no-repeat 0 0 transparent; color: #FFFFFF; font: 9px FordAntenna, Arial, Helvetica, sans-serif; display: block; height: 21px; margin-right: 9px; padding-top: 4px; padding-left: 7px; text-shadow: 0 0 2px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000; } /*TD 9028 - bottom,height,position properties changed for cookies popup issue */ .cookieAlertBox .bottom { background: url("/cs/ENGInE/img/cookie_legislation_bgbo.png") repeat-x transparent; height: 5px; position: relative; width: 196px; float: left; } #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.3em; 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:#ff7808; 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; 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; 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: -34px; padding-left: 10px; } #FNC001 button{ font-weight:bold; 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:174px; min-height:27px; //height:27px; } #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{ 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:22px; /* 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; display: none; } /*-FEED CONTENT---------------------------------------------------------------*/ DIV.shlDetail { padding-bottom:8px; } DIV.shlDetail UL { margin-top:0px; margin-bottom:0px; list-style-position: outside; list-style-type:disc; text-indent:0em; padding:5px 0 5px 14px; display:block; float:none; } DIV.center_item_hmc { margin:0px; margin-left:10px; text-align:left; } DIV.shlDerivativeDiv { width: 175px; border: 0px solid black; float: left; position: relative; margin: 0px 8px 35px 5px; display: block; } DIV.shlDerivativeDivLeft { } DIV.shlDerivativeDivCenter { } DIV.shlDerivativeDivRight { } DIV.fvdNewRow { clear:both; } DIV.shlInformation { color: #575757; margin-top: 12px; margin-left: 1px; font-size: 1em; } 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: 35px; padding-bottom: 0px; background-image: url(/cs/ENGInE/img/fvd_icon_build_default.png); background-repeat: no-repeat; background-position: 7px 50%; height: 31px; padding-right: 5px; margin-top: 8px; } P.shlHeadline { margin-top:6px; margin-bottom:6px; } DIV#hmc_panels { width:194px; padding: 10px 2px 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; 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.3em; //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; /*left:13px;*/ //text-align:left; _margin-top:0px; _margin-right:0px; } #slider-container-ie8 { position:relative; margin-top:-3px; margin-right:2px; cursor:pointer; left:13px; //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:-135px;*/ _margin-left:0px; } #slider-thumb-ie8 { position:relative; width:34px; /*//margin-left:-135px;*/ 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: #FF7808; } #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------------------------------------------------------------------*/ /*-ENG-8727 - hmc refresh-----------------------------------------------------*/ .fvdCarBlock{ position: relative; display: block; margin-bottom: 7px; } .fvdCarBlock .fvdArrowTop{ left: 0; margin: 0; width: 100%; z-index: 2; } .fvdCarDiv { border: 0px solid black; display: block; width: 175px; float: left; position: relative; margin: 5px 8px 35px 5px; } .fvdCarDivLeft { } .fvdCarDivCenter { } .fvdCarDivRight { } .fvdArrowTop { margin-left:3px; _margin-left:4px; } .fvdArrowTop A { color: #425968; text-decoration: none; cursor: pointer; display: block; } .fvdArrowTop A:hover, .fvdArrowTop A:focus, .fvdArrowTop A:active { color:#ff7808; text-decoration: none; cursor:pointer; } .shlArrowTop { left: 0; margin: 0; width: 100%; z-index: 2; } .shlArrowTop A { color:#333333; text-decoration: none; cursor:pointer; display:block; } .shlArrowTop A:hover, .shlArrowTop A:focus, .shlArrowTop A:active { color:#FF7808; text-decoration: none; cursor:pointer; } A.hoverEffect { /* used to perform mo on car image */ color:#FF7808 !important; text-decoration: none; cursor:pointer; } .shlDerivativeDiv A { color: #425968; text-decoration: none; cursor: pointer; display: block; } .shlDerivativeDiv A:hover, .shlDerivativeDiv A:focus, .shlDerivativeDiv A:active { color:#FF7808; text-decoration: none; cursor:pointer; } .fvdCarName{ font-family: FordAntennaBlack, Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 1.4em; display: block; min-height: 57px; line-height: 120%; margin-top: 0px; } .fvdCarArrow { /* padding-top:2px;*/ display:block; float:left; _padding-top:0px; margin-top: 1px; _margin-top:1px; } SPAN.fvdMinPrice1 { display: block; font-size: 0.9em; font-family: FordAntennaBold, Arial, Verdana, Tahoma, Helvetica, sans-serif; margin-top: 5px; } SPAN.fvdDetails { padding-left: 22px; line-height: 12px; display: block; } SPAN.fvdSeries{ /* font-size: 11px; line-height:12px;*/ } SPAN.fvdStartingPrice { /* display:block;*/ padding-left:2px; } SPAN.fvdCompare { vertical-align:top; padding-left: 35px; _padding-left: 0px; _margin-left: 35px; background-image: url(/cs/ENGInE/img/fvd_icon_plus_default.png); background-repeat: no-repeat; background-position: 12px 1px; } SPAN.fvdRemoveState{ vertical-align:top; margin: 0px 0px 0px 0px; padding-left: 35px; margin-bottom:5px; height:15px; color:#FF7808; _padding-left: 0px; _margin-left: 35px; background-image: url(/cs/ENGInE/img/fvd_icon_minus_hover.png); background-repeat: no-repeat; background-position: 10px 0px; } /* now for FVD001 - changed the padding a little */ DIV.fvdCarDiv SPAN.fvdCompare { padding-left: 35px; _padding-left: 0px; _margin-left: 35px; background-image: url(/cs/ENGInE/img/fvd_icon_plus_default.png); background-repeat: no-repeat; background-position: 12px 1px; } DIV.fvdCarDiv SPAN.fvdRemoveState { padding-left: 35px; _padding-left: 0px; _margin-left: 35px; background-image: url(/cs/ENGInE/img/fvd_icon_minus_hover.png); background-repeat: no-repeat; background-position: 10px 0px; } /* 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: 0; margin-bottom: 7px; } .fvdImageWrapper { display:block; clear:both; position:relative; height: 110px; } .fvdImageWrapper A { border:none; width: 100%; text-align: center; position: absolute; bottom: 0px; } .fvdCarImage { position: static; top:2px; left:16px; border:solid 0px #ff0000; max-height: 110px; } .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; color:#333333; } .fvdArrowDown { background: none repeat scroll 0 0 #F2F2F2; border-bottom: 1px solid #B2B2B2; border-top: 1px solid #D9D9D9; margin: 0; min-height: 70px; padding: 0px; } /*TD 8909-Configurator Link Enabling and Disabling*/ /*TD 8909-HMC Build & price change*/ .fvdArrowDown2 { background: none repeat scroll 0 0 #F2F2F2; border-bottom: 1px solid #B2B2B2; border-top: 1px solid #D9D9D9; margin: 0; min-height: 30px; padding: 0px; } .fvdArrowDown a { color: #425968; text-decoration:none; cursor:pointer; font-size: 1.0em; } .fvdArrowDown A:hover, .fvdArrowDown A:focus, .fvdArrowDown A:active { color:#FF7808; text-decoration: none; cursor:pointer; } .fvdArrowAddTo{ margin: 7px 0 10px 0; } .fvdArrowAddTo A { color: #425968; text-decoration:none; cursor:pointer; font-weight: 600; } .fvdArrowAddTo A:hover, .fvdArrowAddTo A:focus, .fvdArrowAddTo A:active { color:#FF7808; 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:#FF7808; 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; 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-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; color:#333333; } .shlCompare{ position:absolute; top:305px; left:25px; width:140px; height:17px; margin: 0px 0px 0px 0px; font-size: 0.8em; 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:#FF7808; 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; } } /*-ENG-8727 - hmc update -----------------------------------------------------*/ .fvdCarName span{ font-family: FordAntennaLight, Arial, Verdana, Tahoma, Helvetica, sans-serif; } img.fvdRing{ background-color: rgba(255, 255, 255, 0.7); display: none; height: 100%; left: 0; overflow: hidden; padding-left: 175px; position: absolute; top: 0; visibility: visible; width: 0; z-index: 1; *filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr= #b2ffffff , endColorstr= #b2ffffff ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr= #b2ffffff , endColorstr= #b2ffffff )"; } .fvdCarImage30{ position: static; max-height: 110px; } .fvdCarImage30{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); } .fvdBuild{ display: table-cell; font-weight: 600; display: table-cell; vertical-align: middle; line-height: 100%; height: 31px; } .fvdCarNameBuild{ font-family: FordAntennaBlack, Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 1.2em; margin-top: 1px; _margin-top: 2px; display: block; } .fvdArrowDown img, .fvdArrowAddTo img{ display: none; } SPAN.fvdMinPrice1 span { font-size: 1.5em; } div#hmc_panel_4, div#hmc_panel_5, div#hmc_panel_6{ /* display: none; */ } DIV#hmc_panel_3.hmc_panel_collapsed { /* height:47px; #height:52px; _height:42px; */ } /*SHL*/ .fvdModelBlock{ background-image: url("/cs/ENGInE/img/fvd_icon_arrow_default.png"); background-repeat: no-repeat; background-position: 16px 50%; display: table; height: 22px; padding-left: 35px; padding-right: 5px; } /*TD 8909-Configurator Link Enabling and Disabling*/ /*TD 8909-HMC Build & price change*/ .fvdModelBlock2{ background-repeat: no-repeat; background-position: 16px 50%; display: table; height: 27px; padding-left: 0px; padding-right: 5px; } .fvdModel{ display: table-cell; line-height: 100%; vertical-align: middle; } /*----------------------------------------------------------------------------*/ .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: #ffffff; font-weight:bold; font-size: 1.1em; line-height: 102%; text-decoration: none; } DIV.tab001_item.unselected.hover A { color: #afafaf; } DIV.tab001_item.unselected.focus A { color: #afafaf; } 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: #425968; 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:0px; 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; position:absolute; //margin-top:0px; } DIV.tab001_top_left { float: left; width: 3px; height: 41px; _overflow: hidden; /* background-image: url(/cs/ENGInE/img/tab_top_left.gif);*/ background-color: #ffffff; } 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); background-repeat: no-repeat; overflow:hidden; margin-right: 1px; } 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%; overflow:auto; 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; display: none; } .tab001_header_label { padding-left: 3px; padding-right: 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; 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_arrow.gif") no-repeat 169px; 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: #2D96CD; background: url("/cs/ENGInE/img/nav_arrow_hover.gif") no-repeat 169px white; } /*========================================================= Navigation: next steps ==========================================================*/ .nextSteps a, .nextSteps p { padding: 7px 12px 7px 12px; margin: 0; width: 150px; cursor: pointer; } .nextSteps li.selected { font-weight: bold; display: block; background: url("/cs/ENGInE/img/button_ntb2_bg.gif") repeat-x center center; margin-right: 2px; margin-right: 0; } /*Added for ENG-8451*/ .nextSteps a { background: url("/cs/ENGInE/img/nav_arrow.gif") no-repeat 169px; padding-right: 24px } /*Added for ENG-8451*/ a.sel { color: #2D96CD; background: url("/cs/ENGInE/img/nav_arrow_hover.gif") no-repeat 169px white; } .ie9 #nextSteps{position:static;margin:0;padding:0;} .ie9 #nextSteps li a{ background: url("/cs/ENGInE/img/nav_arrow.gif") no-repeat 169px; padding: 7px 24px 7px 12px; margin: 0; width: 150px; cursor: pointer; } .ie9 #nextSteps li a:hover{ color: #2D96CD; background: url("/cs/ENGInE/img/nav_arrow_hover.gif") no-repeat 169px white; } .ie9 #nextSteps li.selected { font-weight: bold; display: block; background: url("/cs/ENGInE/img/button_ntb2_bg.gif") repeat-x center center; margin-right: 2px; margin-right: 0; } /*ENG-9236 Font Issue in ie9 is Fixed by adding following section*/ .ie9 #nextSteps a, #nextSteps p { padding: 7px 12px 7px 12px; margin: 0; width: 150px; cursor: pointer; } /*========================================================= ENG-8451 Navigation: Removing Arrow mark for next steps without submenu ==========================================================*/ .navnextSteps a{ padding: 7px 12px 7px 12px; margin: 0; width: 150px; cursor: pointer; } .navnextSteps li.selected { font-weight: bold; display: block; background: url("/cs/ENGInE/img/button_ntb2_bg.gif") repeat-x top center; margin-right: 2px; margin-right: 0; } .navnextSteps a:hover, a.sel { color: #2D96CD; background: url("") no-repeat 169px white; margin-right: 2px; margin-right: 0; } .navnextSteps a { background:url("") repeat-x top center; padding-right: 24px } /*========================================================= Navigation: submenu ==========================================================*/ .navsubmenu { margin:0px; 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: #425968; 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: 4px 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: 186px; height: 116px; background: url("/cs/ENGInE/img/flyout_bg_gradient.png") 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; } .NAVHIDE { display:none; } .NAVSHOW { display:block; } #osb { background: white; padding: 10px; width: 720px; position: relative; } .osb h2, .osb h1 { color: #425968; margin: 5px 0 15px; } .osb h3 { /* IE7 garbage */ *font-size: 1.2em; color: #20150C; margin: 5px 0; } .osb p { margin: 5px 0; } .osb textarea { width: 100%; height: 80px; border: 1px solid #585858 /* #585858 */ #A0ACB3; } .osb label { display: inline-block; font-weight: bold; margin: 8px 0 5px 0; } .osb .osbTabTitle label { margin: 3px 0; } .osb input[type="text"], .osb input[type="password"] { border: 1px solid /* #585858 */ #A0ACB3; width: 240px; } .osb select { border: 1px solid /* #585858 */ #A0ACB3; } .osb input[type="radio"] {- margin: 5px; vertical-align: middle; } .osb input[disabled] { background: #dddddd; } /* OSB errors */ .osbError, .osb input.osbError { border: 1px solid red; color: red; } label.osbError { font-weight: bold; border: none; } ul.osbError { border: 1px solid red; background: #f7e1e0; padding: 0; margin: 10px 0; clear: both; /* FIXME iklein1, clearing float after eng-block should not be needed */ padding: 5px; } .osbError li { color: red; font-weight: bold; list-style-type: none; padding: 3px 10px 3px 35px; background: url(/cs/ENGInE/img/osb/icon_error.gif) #f7e1e0 no-repeat; background-position: 10px center; } #osbSummaryBlockLeft { display: inline-block; width: 229px; } #osbSummaryBlockRight { width: 472px; margin-left: 15px; display: inline-block; vertical-align: top; } /* Used on OSB/P010_Main */ .osbMainBlockLeft, .osbMainBlockLeftDealer, .osbMainBlockRight { display: inline-block; width: 348px; vertical-align: top; margin-top: 10px; /* IE7 garbage */ *display: inline; } .osbMainBlockRight { margin-left: 20px; /* IE7 garbage */ *position: relative; *top: -18px; *left: 12px; } .osbMainBlockLeftDealer { min-height: 15px; /* IE7 */ *display: block; } .osbMainInnerBlock, .osbMainInnerBlockNoMinHeight { min-height: 135px; position: relative; padding-bottom: 28px; margin-top: -5px; } div.osbUJLabelSel span { vertical-align: middle; } .osbMainInnerBlockNoMinHeight { min-height: 0; } .osbMainButton { position: absolute; bottom: 0; right: 0; } .osbMainLeftButton { position: absolute; bottom: 0; left: 0; } .osbButtonContainer { position: relative; text-align: right; padding: 10px 0; } .osbLeftButton { position: absolute; left: 0; } .osbMiddleButton { position: absolute; left: 300px; } h3.osbBlueTitle, h3.osbBlueTitleCalendar { width: 328px; padding: 4px 10px 3px; background: url(/cs/ENGInE/img/btn_c1_fill.png) repeat-x; color: white; font-size: 1em; margin: 0 0 -4px 0; position: relative; z-index: 2; } h3.osbBlueTitleCalendar { width: 420px; display: inline-block; /* IE7 garbage */ *display: block; margin-top: 10px; } h3.osbBorderedTitle, h3.osbTabTitle, .osbBordered, .osbDLRow { color: #003478; border: 1px solid; border-color: #C6CDD1 #A0ACB3 #A0ACB3; margin: 15px 0 5px 0; padding: 8px; display: block; word-wrap: break-word; } h3.osbBorderedTitle { background: url("/cs/ENGInE/img/osb/ujTabN.png") repeat-x; height: 20px; padding: 10px 10px 5px; border-top: none; border-bottom: none; word-wrap: break-word; } .osbAmendButton { position: absolute; right: 10px; } div.osbBordered { margin-top: -6px; color: black; padding: 15px 10px; word-wrap: break-word; } .osbVehicleInfo, .osbVehicleInfoSummary { border: none; margin-left: 15px; color: black; } .osbVehicleInfoSummary { margin-left: 5px; width: 230px; } .osbVehicleInfo th { font-weight: bold; margin-right: 10px; text-align: left; } .osbVehicleInfo th, .osbVehicleInfo td { font-size: 1em; } .carlineIcon1 { float: left; padding: 0 5px 0 0; } .carlineLink1 { text-align:top; } /* Breadcrumb */ div#osbUJ { clear: both; padding: 0; margin: 15px 0; height: 35px; } div#osbUJ .osbUJLeft,div#osb .osbUJLeftSel { float:left; width:6px; height:35px; } div#osbUJ .osbUJLeft { background-image: url(/cs/ENGInE/img/osb/ujLeftN.png); } div#osbUJ .osbUJLeftSel { background-image: url(/cs/ENGInE/img/osb/ujLeftH.png); } div#osbUJ .osbUJRight, div#osb .osbUJRightSel { float:left; width:5px; height:35px; } div#osbUJ .osbUJRight { background-image: url(/cs/ENGInE/img/osb/ujRightN.png); } div#osbUJ .osbUJRightSel { background-image: url(/cs/ENGInE/img/osb/ujRightH.png); } div#osbUJ .osbUJLabel, .osbUJLabelSel { float: left; width: 81px; height: 35px; padding: 0 2px; } div#osbUJ .osbUJLabelSel { background-image: url(/cs/ENGInE/img/osb/ujTabH.png); } div#osbUJ .osbUJLabel { background-image: url(/cs/ENGInE/img/osb/ujTabN.png); } div#osbUJ .osbUJLabel span, .osbUJLabelSel span { text-align:center; vertical-align:middle !important; display:table-cell !important; width:85px; height:35px; font-weight:bold; } div#osbUJ .osbUJLabelSel span { color:#FFFFFF; } div#osbUJ .osbUJSpace, .osbUJSpaceLeftSel, .osbUJSpaceRightSel { float:left; width:19px; height:35px; } div#osbUJ .osbUJSpace { background-image: url(/cs/ENGInE/img/osb/ujSpaceN.png); } div#osbUJ .osbUJSpaceLeftSel { background-image: url(/cs/ENGInE/img/osb/ujSpaceLH.png); } div#osbUJ .osbUJSpaceRightSel { background-image: url(/cs/ENGInE/img/osb/ujSpaceRH.png); } .osbDLResults { display:table; width:720px; } .osbDLResultRow { } .osbDLHeader { padding: 0; color: #3B556A; font-weight: bold; background: #E5EAF1; margin-top: 15px; } .osbDLRow { padding: 0; margin-top: -6px; color: #20150C; } .osbDLResult { display:table-row; width:720px; margin-bottom: 20px; /* TODO: just a guess */ } .osbDLName { width:100%; padding:3px; padding-left:5px; padding-right:5px; border-bottom:1px solid #a0acb3; /* TODO: just a guess */ font-weight:bold; font-size:1.3em; } #osb .osbDLAddress, #osb span.osbDLAddressTitle, #osb .osbDLRange, #osb span.osbDLRangeTitle, #osb .osbDLPrice, #osb span.osbDLPriceTitle, #osb .osbDLService, #osb span.osbDLServiceTitle { display: table-cell; /* IE7 */ *display: inline-block; position: relative; padding: 5px 10px; vertical-align: top; } #osb .osbDLAddress, #osb .osbDLRange, #osb .osbDLPrice, #osb .osbDLService { /* IE7 */ *display: inline; } .osbDLAddress, .osbDLPrice, .osbDLRange { border-right: 1px solid #a0acb3; } .osbDLAddress, .osbDLAddressTitle { width: 220px; } .osbDLRange, .osbDLRangeTitle { width: 120px; } .osbDLPrice, .osbDLPriceTitle { width: 130px; } .osbDLService, .osbDLServiceTitle { width: 240px; /* IE7 */ *width: 160px; } .osbDLAddressTitle, .osbDLRangeTitle, .osbDLPriceTitle, .osbDLServiceTitle { padding: 8px 10px; } /* Up down arrows */ .osbArrowUp, .osbArrowDown, .osbArrowUpSel, .osbArrowDownSel{ display: inline-block; width: 13px; height: 8px; margin: 1px 0 0 0; background-repeat: no-repeat; } .osbArrowUp, .osbArrowUpSel { padding-top: 1px; background-position: bottom; } .osbArrowDown, .osbArrowDownSel { padding-bottom: 1px; } .osbArrowUp { background-image: url(/cs/ENGInE/img/osb/up.png); } .osbArrowUpSel { background-image: url(/cs/ENGInE/img/osb/up_selected.png); } .osbArrowDown { background-image: url(/cs/ENGInE/img/osb/down.png); } .osbArrowDownSel { background-image: url(/cs/ENGInE/img/osb/down_selected.png); } #osbDLAddressArrows, #osbDLRangeArrows, #osbDLPriceArrows { display: inline-block; width: 14px; margin: -3px 0 0 8px; /* IE7 */ *margin-top: -9px; } .osb #osbDealerNextButton { } .osbMultipleResults { border-bottom: dotted; border-width: thin; color: #0D4BB3; display: block; } #osbDealerDetailsTemplate p { padding: 0; margin: 0; } /* dealer search result title */ .osbNonOSBResultRow .osbTabTitle, .osbNonOSBResultRow .osbDLRow { background: #EAEAEA; } .osbNonOSBResultRowDontDisplay{ display:none; } .osbTabTitle { position: relative; } #osbSummaryBlockLeft > div.osbBordered, #osbSummaryBlockLeft > .osbTabTitle{ width: 229px; padding: 10px; word-wrap: break-word;} #osbSummaryBlockRight > div.osbBordered, #osbSummaryBlockRight > .osbTabTitle{ margin-left: 10px; padding: 10px; width: 440px; word-wrap: break-word; } /* Dealer details overlay */ #osbDealerDetailsTemplate { display: none; padding: 10px; padding-top: 35px; background: white; border: solid 1px black; white-space: nowrap; } #osbDealerDetailsMap { width: 300px; height: 300px; border: 1px solid #cccccc; display: inline-block; /* IE7 garbage */ *display: inline; vertical-align: top; } #osbDealerDetailsInfo { width: 200px; display: inline-block; /* IE7 garbage */ *display: inline; padding: 0 0 10px 20px; } .osbNotAvailable { color: #a45209; } .osbPrivacyStatement { overflow-y: scroll; border: 1px solid /* #585858 */ #A0ACB3; padding: 5px; } .osbAdditionalServicePrice { position: absolute; right: 10px; top: 0; } div.osbAdditionalServiceInfo { padding-right: 55px; position: relative; } .osbAdditionalServicesBlock { display: inline-block; width: 450px; } .osbDealerProfileBlock, .osbDateTimeYourDealer { display: inline-block; width: 229px; vertical-align: top; margin-left: 10px } .osbDateTimeYourDealer { margin: -32px 0 0 0; } /*------------------------------ Calendar -----------------------------------------------*/ div.calendarBlock, div.calendarValuesBlock, div.calendarTime, span.calendarAndLegendBlock { vertical-align: top; display: inline-block; width: 417px; border: solid 1px #a0acb3; margin: 0 10px 10px 0; } span.calendarAndLegendBlock { width: 428px; padding: 10px 0 0 10px; } div.calendarValuesBlock { padding: 5px 10px 10px; height: auto; width: auto; max-width: 270px; } div.calendarTime { height: auto; padding: 10px; width: 398px; position: relative; } .calendarLegend span { display: inline-block; /* IE7 garbage */ *display: inline; width: 185px; height: auto; margin: 5px 0; padding-left: 20px; vertical-align: top; position: inherit; background-position: center left; } .calendarHeader { margin: 0; display: block; background: url(/cs/ENGInE/img/osb/calendar/gradient_blue_H.png) repeat-x 0 -2px; height: 25px; padding-top: 8px; color: white; text-align: center; font-weight: bold; position: relative; } #calendarHeader { display: inline; } .calendarHeaderButtonLeft, .calendarHeaderButtonRight { position: absolute; width: 50px; height: 25px; padding-top: 8px; } .calendarHeaderButtonLeft { top: 0; left: 0; } .calendarHeaderButtonRight { top: 0; right: 0; } a.calendarButton, a:visited.calendarButton, a:focus.calendarButton { text-decoration: none; border: none; } .calendarBlock table { width: 100%; padding: 0 2px; border-spacing: 0; } .calendarBlock td, .calendarBlock th { text-align: center; padding: 1px; /* IE7 */ *padding: 0; } .calendarBlock th { background: #eaeced; color: #2e588e; font-weight: bold; width: 63px; height: 33px; } th.calendarWeekend { background: #eaeaea; } .calendarButton, .calendarSelected, .calendarDisabled { width: 57px; height: 25px; padding-top: 8px; display: block; } .calendarButton { color: #757575; font-weight: bold; background: #dbdbdc; } .calendarSelected { font-weight: bold; color: white; background: url(/cs/ENGInE/img/osb/calendar/gradient_blue_H.png) repeat-x 0 -2px; } .calendarDisabled { text-decoration: none; background: #dbdbdc; color: #ababab; } .calendarButtonNone { background: white; width: 0; height: 0; } .calendarCrossGrey, .calendarCrossRed, .calendarStripeRed, .calendarExclamation { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; width: 13px; height: 13px; display: none; } .calendarCrossGrey { background: url(/cs/ENGInE/img/osb/calendar/calendar_cross_grey.png) no-repeat; width: 20px; height: 20px; margin: -10px 0 0 -10px; } .calendarCrossRed { background: url(/cs/ENGInE/img/osb/calendar/calendar_cross_red.png) no-repeat; } .calendarStripeRed { background: url(/cs/ENGInE/img/osb/calendar/calendar_stripe_red.png) no-repeat; } .calendarExclamation { background: url(/cs/ENGInE/img/osb/calendar/calendar_exclamation.png) no-repeat; margin-left: 5px; margin-top: -7px; } .calendarAndLegendBlock a { outline: none; text-decoration: none; } #osbDate, #osbTime, #osbBringBefore { font-weight: normal; } .word-break { /* The following styles prevent unbroken strings from breaking the layout */ overflow: auto; white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */ } /*------------------------------ End of Calendar ----------------------------------------*/ /*------------------------------ AutoComplete suggession list - starts----------------------------------------*/ div.suggestions { -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid black; position: absolute; text-align: left; z-index: 1; background-color: #FFFFFF; } div.suggestions div { cursor: default; padding: 0px 3px; } div.suggestions div.current { background-color: #3366cc; color: white; } /*------------------------------ AutoComplete suggession list - ends----------------------------------------*/ /*============================================================================== SBE: common =============================================================================*/ .SbeModule { color:#ffffff; font-weight:bold; /* font-size:0.9em;*/ } .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:#2D96CD; 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{ /* font-family: Arial Black; font-weight: normal; font-style: normal;*/ 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: 0.8em; /* 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: 18px; height: 18px; position: relative; margin-top: -1px; margin-left: -2px; } .DealerLocatorSearchBox .DlBody a{ margin-top:7px; font-size: 0.8em; 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 { font-family: Arial Black; font-weight: normal; font-style: normal; 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 16px 16px 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;*/ } #headerContent .sbeLinks li>a { line-height:16px; } .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; float: left; font-family: 'FordAntennaCondBold',Arial,Verdana,Tahoma,Helvetica,sans-serif; font-style: normal; /*font-weight: normal;*/ letter-spacing: 0.025em; /*min-height: 22px;*/ } .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; position: absolute; 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 { 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: 163px; background-image: url("/cs/ENGInE/img/sbe_arrow.gif"); } #SbeLinks a.SbeWithSubmenu:hover, #SbeLinks a.sel, #SbeLinks a.sel:hover { background-position: 163px; background-image: url("/cs/ENGInE/img/sbe_arrow_hover.gif"); } .sbeLinks ul.userAccess { position:absolute; top: 4px; right: 0; } #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-weight:bold; color: #333333; background: url("/cs/ENGInE/img/thl_panel.gif") no-repeat; outline: none; } #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{ outline: none; } /* AWE 8047 - RORO Text overlapping in the accordion on pages */ .THL001_tab_title{ padding-right: 4px; outline: none; } a.right:link, a.right:visited, a.right:hover { 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; outline: none; } a.right:hover{ color: #2D96CD; background: url("/cs/ENGInE/img/arrow_r_o.gif") no-repeat; background-position: 14px 14px; outline: none; } a.down:link, a.down:visited, a.down:hover { 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; outline: none; } .no{ 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; color: #676767; padding-left: 14px; padding-right: 14px; padding-bottom: 10px; padding-top: 10px; //zoom: 1; } .THL_show_hide{ display: none; outline: none; } .THL_divider{ height:2px; width:188px; background: url("/cs/ENGInE/img/thl_divider.gif") no-repeat; _overflow: hidden; } /* Revision History * Date Author Defect Description * 06-07-2012 FBolaji Initial Creation ******************************************************************/ /***** COMMON STYLES FOR ENGInE APPs *****/ /* Sprite image global call */ .icon{ background-image: url(/cs/EP2/img/icon_sprite.png); background-repeat: no-repeat; background-color: transparent; display:inline-block; outline:none; text-indent: -999em; } /** Button & CTA link **/ /* .btnLink { border:0; display:inline-block; padding: 0 10px 0 0px; width: auto; } .btnLink a { font: normal 12px FordAntennaCondBold,Arial,Verdana,Tahoma,Helvetica,sans-serif; padding:0 0 0 30px; display:block; position:relative; text-decoration:none; text-transform:uppercase; white-space:nowrap; } .btnLink {background:url(/cs/EP2/img/btn_blue_right.png) no-repeat right;} .btnLink.light{background: url(/cs/EP2/img/btn_greyish_right.png) no-repeat right 0;display:inline-block;} .btnLink a {background:url(/cs/EP2/img/btn_blue_left.png) no-repeat left;color:#fff;height:31px;line-height:32px; } .btnLink.light a{background:url(/cs/EP2/img/btn_greyish_left.png) no-repeat left; color:#425968;} .btnLink:hover, .btnLink:active, .btnLink:focus{background:url(/cs/EP2/img/btn_hover_right.png) no-repeat right;} .btnLink:hover a, .btnLink:active a, .btnLink:focus a{background:url(/cs/EP2/img/btn_hover_left.png) no-repeat left; color:#fff;} */ /* dg- new css to match ep2 */ .btnLink { border: 0; display: inline-block; float: none; padding: 0 10px 0 0px; width: auto; } .btnLink a { font: 12px FordAntennaCondBold, Arial, Verdana, Tahoma, Helvetica, sans-serif; padding: 0 0 0 30px; display: block; position: relative; text-transform: uppercase; white-space: nowrap; letter-spacing: 0.025em; } .btnLink { background: url(/cs/ContentServer?pagename=ENGInE/EP2/common/GetImageByName&imageName=btn_cta_right) no-repeat top right; } .btnLink.light { background: url(/cs/ContentServer?pagename=ENGInE/EP2/common/GetImageByName&imageName=btn_ctagrey_right) no-repeat top right; } .btnLink a { background: url(/cs/ContentServer?pagename=ENGInE/EP2/common/GetImageByName&imageName=btn_cta_left) no-repeat top left; color: #fff; height: 31px; line-height: 32px; } .btnLink.light a { background: url(/cs/ContentServer?pagename=ENGInE/EP2/common/GetImageByName&imageName=btn_ctagrey_left) no-repeat top left; color: #425968; } .btnLink:hover, .btnLink:active, .btnLink:focus { background-position: bottom right; } .btnLink.light:hover, .btnLink.light:active, .btnLink.light:focus { background-position: bottom right; } .btnLink.light:hover a, .btnLink.light:active a, .btnLink.light:focus a { background-position: bottom left; color: #FFFFFF; } .btnLink:hover a, .btnLink:active a, .btnLink:focus a { background-position: bottom left; color: #2D96CD; } .ctaLink{ display:inline-block; margin-top: 5px; padding-left: 10px; width: 99%; } .ctaLink a{ color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; } .dwnArrow{ background-position: -30px -60px; height: 18px; padding: 0; margin-right:3px; width: 16px; } .slate .dwnArrow{ background-position: -30px -85px; } .slate a{ color:#425968; } .ctaLink a:hover .dwnArrow{ background-position: -29px -33px; } /** Icons **/ .icon.closeBtn, .icon.replaceBtn{ background-position: 0 -300px; cursor:pointer; height: 35px; width: 35px; } .closeBtn:hover, .closeBtn:focus, .closeBtn:active{ background-position: 0 -354px; } .icon.replaceBtn{ background-position: -64px -300px; } .replaceBtn:hover, .replaceBtn:focus, .replaceBtn:active{ background-position: -64px -355px; } /* webfonts for font "Ford Antenna" */ @font-face { font-family: "FordAntennaRegular"; src: url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.eot"); src: url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaRegular/FordAntenna-Regular.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaBold"; src: url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.eot"); src: url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaBold/FordAntenna-Bold.svg') format('svg'); font-style: normal; font-weight: bold; } @font-face { font-family: "FordAntennaBlack"; src: url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.eot"); src: url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaBlack/FordAntenna-Black.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaLight"; src: url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.eot"); src: url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaLight/FordAntenna-Light.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaExtraLight"; src: url("/cs/ENGInE/font/FordAntennaExtraLight/FordAntenna-ExtraLight.eot"); src: url("/cs/ENGInE/font/FordAntennaExtraLight/FordAntenna-ExtraLight.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaExtraLight/FordAntenna-ExtraLight.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaExtraLight/FordAntenna-ExtraLight.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaExtraLight/FordAntenna-ExtraLight.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaCond"; src: url("/cs/ENGInE/font/FordAntennaCond/FordAntenna-Cond.eot"); src: url("/cs/ENGInE/font/FordAntennaCond/FordAntenna-Cond.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaCond/FordAntenna-Cond.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaCond/FordAntenna-Cond.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaCond/FordAntenna-Cond.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaCondMedium"; src: url("/cs/ENGInE/font/FordAntennaCondMed/FordAntenna-CondMed.eot"); src: url("/cs/ENGInE/font/FordAntennaCondMed/FordAntenna-CondMed.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaCondMed/FordAntenna-CondMed.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaCondMed/FordAntenna-CondMed.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaCondMed/FordAntenna-CondMed.svg') format('svg'); font-style: normal; font-weight: normal; } @font-face { font-family: "FordAntennaCondBold"; src: url("/cs/ENGInE/font/FordAntennaCondBold/FordAntenna-CondBold.eot"); src: url("/cs/ENGInE/font/FordAntennaCondBold/FordAntenna-CondBold.eot?") format("embedded-opentype"), url("/cs/ENGInE/font/FordAntennaCondBold/FordAntenna-CondBold.woff") format("woff"), url("/cs/ENGInE/font/FordAntennaCondBold/FordAntenna-CondBold.ttf") format("truetype"), url('/cs/ENGInE/font/FordAntennaCondBold/FordAntenna-CondBold.svg') format('svg'); font-style: normal; font-weight: bold; } /* 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: 35px; width: 583px; /*was 771px*/ overflow: hidden; position: relative; top: -35px; 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: 40px; padding-right: 5px; display: block; _zoom: 1; /* IE sucks */ padding-top: 10px; margin: 0px; height: 32px; cursor: pointer; } .mdp2 a, mdp2 a:visited, mdp2 a:active { text-decoration: none; color: #ffffff; 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; white-space: nowrap; } #mdp2Fullscreen a:hover { color: #2D96CD; 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 { white-space: nowrap; 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: #2D96CD; 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; white-space: nowrap; } #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: #2D96CD 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: -35px; margin: 0; padding: 13px 0px 2px 14px; height: 35px; 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: #2D96CD 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:#2D96CD 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:14px; padding-left:2px; padding-right:2px; width:121px; font-weight:bold; } /* End of Image Gallery Grid */ #syncForm span { display: inline-block; vertical-align: top; } #syncForm hr { border: 0; height: 1px; border-bottom: 1px solid #cfd0d2; margin: 10px; } .sync_Header, .sync_Header3, .sync_selected_update { color: #00366f; font-weight: bold; padding: 0; margin: 10px 0; font-size: 1.6em; } .sync_Header3 { font-size: 1.2em; color: #425968; } .sync_Label { color: #425968; font-weight: bold; } .sync_tabbedBox_tab { line-height: 41px; padding: 0 10px; font-weight: bold; color: #00366f; font-size: 1.2em; } .sync_table_download { border-collapse: collapse; } table.sync_table_download { width: 540px; border: 1px solid #cad1d7; margin: 10px 0; } .sync_table_download TH { padding: 10px; font-weight: bold; border: 1px solid #d6d8d7; text-align: left; color: #425968; } .sync_table_download TD { padding: 5px; border: 1px solid #d6d8d7; } a.sync_link { text-decoration: none; cursor: pointer; color: #00366f; } a.sync_link2 { text-decoration: underline; font-weight: bold; cursor: pointer; color: #00366f; } .sync_selected_update { color: #00366f; font-size: 1em; background: #bfccdd; padding: 5px; margin: 5px 3px 10px 3px; } /* Used on P31 */ .sync_wiz_text, .sync_wiz_text_dis { color: #00366F; font-weight: bold; margin: 10px 10px 5px 35px; word-wrap: break-word; width: 81px; } .sync_wiz_text_dis { color: #5f80aa; } .sync_s_arrow, .sync_s_arrow_dis { margin: 55px 7px 0 7px; } .sync a:hover { text-decoration:none; cursor:pointer; /* for ie */ } .sync_button { padding: 0px 10px; font-weight: bold; color:white; line-height:23px; } .sync_minus_button { position:absolute; top: 6px; left: 95px; } .sync_compare_list { margin-top: 5px; } .sync_compare_tab { width:119px; height: 31px; color: white; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 10px; } .sync_matrix{ position: relative; float:left; border:1px solid #cfd0d2; margin-bottom: 10px; width: 730px; } .fixed_left{ float: left; width: 197px; overflow: hidden; empty-cells:show; } #LeftSide.fixed_left .sync_s_icon_missing_mobile, #shiftContainer.scrollable_right .sync_s_icon_missing_mobile{ float:left; height:100px; margin:5px 0; width:100px; } .white_spacer { width: 80px; } .matrix_table { empty-cells:show; --width:4769px; border-collapse:inherit; } .matrix_td_1 { width:195px; height:165px; border-top: dotted; border-right: solid; border-color: #cfd0d2; border-width:1px; } .matrix_th { border-right: solid; border-color: #cfd0d2; border-width:1px; height:40px; } .matrix_td { text-align: center; border-top: dotted; border-color: #cfd0d2; border-width:1px; vertical-align:middle; height:114px; } .matrix_div { position:relative; background-color:#BFCCDD; width: 92px; padding-top: 15px; margin:0 0 0 8px; padding: 0px; height: 56px; text-align:center; overflow:hidden; word-wrap: break-word; } .scrollable_right{ /*width: 577px;*/ float: left; position: relative; overflow: hidden; width: 514px; } .doescarconnect_block { position: relative; float: right; margin: 0pt 10px 5px 0pt; } .tab_header_sel{ color:#00366F; font-size:1.2em; font-weight:bold; word-wrap:break-word; padding:0; line-height:normal; width:100px; margin-left:10px; } .tab_header_dis{ color:white; font-size:1.2em; font-weight:bold; word-wrap:break-word; padding:0; line-height:normal; width:100px; margin-left:10px; } .p_textalign { margin-left:8px; margin-top:5px; margin-right:5px; } .box_bottom{margin-top: -3px;} .whichcars_block { overflow:hidden; float:left; margin-top:10px; padding:0; margin-right:20px; width:18%; min-width:189px; min-height:180px; } .whichdevices_block { overflow:hidden; float:left; margin-top:10px; width:18%; min-width:190px; } a.LeftArrActive:link, a.LeftArrActive:active, a.LeftArrActive:visited{ display: block; //margin-right: -1px; outline: none; } a.LeftArrActive:hover{ outline: none; } .ArrLeftSpan{ margin: 0px 0px 0px 2px; //margin-left: 12px; width: 15px; padding: 0px; position: relative; float:right; } a.LeftArrDis:link, a.LeftArrDis:active, a.LeftArrDis:visited, a.LeftArrDis{ display: block; cursor: default; //margin-right: -1px; outline: none; } a.RightArrActive:link, a.RightArrActive:active, a.RightArrActive:visited{ display: block; float: right; //margin-right: -1px; outline: none; } a.RightArrActive:hover{ outline: none; } a.LeftArrDis{ -moz-outline: none 0; outline: none 0; } a.RightArrActive{ -moz-outline: none 0; outline: none 0; } a.RightArrDis{ display: block; float: right; //margin-right: -1px; cursor: default; outline: none; } .normal{ font-weight: normal; } .outer{ height:30px;display: table-cell; vertical-align: middle; position:relative; width: 85px; } .inner{ padding: 0 0 0 5px; overflow: hidden; display:inline-block; } #container_main .MiddleContainer{ display: block; float: left; list-style-type: none; margin: 10px 0 0; padding: 0; vertical-align: bottom; width: 567px; } .LiContainer{ width:166px;float:left; margin:0;padding:0; vertical-align:bottom; } div.device_list, div.connectivity, div.manufacturer_list{ position:relative;margin:0;padding:0; } .CompareDeviceContainer{ float:right; position:relative; /*left:13px;*/ left:30px; margin-right:0px; width:155px; } .InnerContainer{ border-style: solid; border-color: #cfd0d2; border-width: 0px 1px 0px 1px; width: 147px; border-collapse: separate; } .P48_Box{ height: auto;width:164px; background-color:#bfccdd; border-right: solid white 1px; border-left: solid white 1px; overflow: hidden; } .innerBox{ margin:0 10px; line-height: 32px; overflow: hidden; } .BoxTitle{ position: relative; padding: 0; margin-left: 0px; margin-right: 0px; margin-top: 7px; } .ConnTypeTitle{ display:block; position: relative; margin:8px 0 10px 10px; vertical-align: bottom; } .DropDownList{ position: relative; vertical-align: bottom; padding:7px 0 7px 10px; } .FindButtonBox{ width:54px; float: left; margin-left:5px; padding:0; /*padding-top:55px;*/ } .LegendBox{ display:inline-block; float: left; list-style-type: none; width: 732px; margin:0;padding:0; } .LegendItem{ display:inline-block; float: left; margin:0;padding:0; } .LegendIcon{ margin-right:5px; margin-top:0px; } .ConnRadioButton{ display:block; position: relative; margin:5px 0 0 10px; } .LegendText{ padding-left:0;padding-top:0px } .MatrixTitle{ margin:10px 5px 5px 5px; float:left; text-align:left; } .IconImage{ margin-right:5px;margin-left:5px;margin-top:10px; } .CompatibilityIconBox{ /* width: 70px;height:70px;*/margin:0px;text-align:center; } .FeatureIcon{ margin-right:15px;margin-left:15px; } #MoreHide{margin-left:10px;} #syncForm .sync_s_box_124{ background: #BFCCDD; border-radius: 5px 5px 5px 5px; height: auto; } #iopWrapper { margin: 0px 0; /* padding: 10px 20px 10px 10px; */ padding: 10px 5px 10px 10px; } #iopWrapper .twoCol { width: 480px; } #iopWrapper .error { color: red; } #iopWrapper p { line-height: 1.4em; margin: 10px 0; font-size: 1.1em; /* font-family: 'FordAntennaCond'; */ } #iopWrapper .row { margin: 5px 0; float: left; width: 100%; } #iopWrapper select, #iopWrapper input { color: #425968; font-size: 1.1em; padding: 2px 5px; margin: 5px 0; } #iopWrapper select { border: 0px; border-left: 2px #016CB4 solid; background-color: #ECECEC; padding: 10px 0 10px 0; } #iopWrapper input#vin { padding: 5px 10px 4px; font-size: 1.6em; text-transform: uppercase; } #iopWrapper select:disabled, #iopWrapper input:disabled, #iopWrapper span.dimThis, #iopWrapper button:disabled { opacity: 0.3; } #iopWrapper iframe { border: 0; } #iopWrapper .row .columns { float:left; margin: 0 0 0 0; } #iopWrapper .row .columns.mr20 { margin-right: 20px; } #iopWrapper .row .columns.cols-6 { width: 50%; } #iopWrapper .row .columns.cols-12 { width: 100%; } #iopWrapper .row .columns.cols-3 { width: 25%; } #iopWrapper .row .columns.right { float:right; text-align:right; } /* #iopWrapper .row span { display: block; font-weight: bold; } */ #iopWrapper h2 { color: #212121; font-weight: normal; font-size: 2.2em; margin: 30px 0 25px 0; font-family: 'FordAntennaCond'; } #iopWrapper button { font-size: 1.3em; background: #016CB4; padding: 0.45em 1.3em 0.6em; text-align: center; /* font-family: 'FordAntennaCond'; */ /* width: 10%; */ color: #fff; } #iopWrapper button.btnBack { background: #fff; border:1px #016CB4 solid; color: #016CB4; } #iopWrapper .panel { /* margin: 15px 0; */ float: left; width: 715px; /* min-height: 180px; */ } #iopWrapper .panel img { float: left; margin: 0px 15px 0 0; width: 140px; } #iopWrapper .panel h2 { color: #016CB4; font-size: 1.7em; margin-top:0; font-family: 'FordAntennaRegular'; } #iopWrapper h3 { font-family: 'FordAntennaRegular'; color: #0192cb; font-weight: normal; } #iopWrapper .errorMessage { color: red; } #container_main #iopWrapper ul { margin-left: 0; } #container_main #iopWrapper ul li { list-style-type: none; padding: 15px 0; border-bottom: 1px #ccc solid; float: left; width: 100%; margin-bottom: 7px; } #container_main #iopWrapper ul li:last-child { margin-bottom: 12px; } #iopWrapper ul li img { width: 15%; float: left; margin: 0 15px 0 0; } #iopWrapper ul li span.detailsText { display: block; float: left; width: 80%; margin: 20px 0 0 0; } #iopWrapper ul li span.detailsText h3 { color: #016CB4 } #iopWrapper .summary h3 { color: #016CB4; margin:0 0 10px 0; font-size: 1.5em; font-family: 'FordAntennaRegular'; } #iopWrapper .summary button { background: #0192CB; margin: 10px 0 25px 0; text-transform: uppercase; font-size: 1.1em; color: #0192cb; background: #fff; border: 1px #0192cb solid; } #iopWrapper input[type="checkbox"], #iopWrapper input[type="radio"] { margin: 0; } #iopWrapper .formElement span, #iopWrapper .row span { color: #0192CB; display:block; font-size: 1.2em; } #iopWrapper button.right { float:right; } /* results panel */ #iopWrapper .resultsPanel img { width: 100px; margin-right: 20px; } /* margins etc */ #iopWrapper .noMarginB { margin-bottom:0; } #iopWrapper .noMarginT { margin-top:0; } #iopWrapper .marginTB20 { margin-top:20px; margin-bottom:20px; } #iopWrapper .marginB20 { margin-bottom:20px; } #iopWrapper .marginT20 { margin-top:20px; } div.thumbwrap { width: 115px; height: 65px; margin: 0 15px 0 0; float:left; position:relative; } #iopWrapper div.thumbwrap img { width: 100%; } #frameWrapper { position: relative; } #iopWrapper .progress { position:absolute; top:130px; right:15px; } #iopWrapper .formElement .progress { margin: -5px 0 0 0; position:relative; top:0; right:0; } .icon-zoom { height: 25px; width: 25px; bottom: 0px; right: 0px; /*margin-top: -19px;*/ position: absolute; background-position: 1px 1px; background-image: url("/cs/ENGInE/img/zoom_in_icon.png") }