/* $Id: tomtomwork.css,v 1.96 2011/01/06 12:45:10 srvttwcvs Exp $ */ /* GENERIC TomTom page layout */ body { margin: 0; padding: 0; text-align: center; } #container { margin: 0 auto; width: 950px; text-align: left; } #container-main #local { float: left; width: 180px; margin-right: 10px; overflow: hidden; } #container-main #content { float: left; width: 760px; overflow: hidden; } #container-main #content #content-main { margin-bottom: 30px; float: left; width: 580px; overflow: hidden; } /* exception map-purchase */ #container-main #map-purchase #content #content-main { margin-bottom: 30px; float: left; width: 670px; overflow: hidden; } /* exception partner_section | dl-guides */ #container-main #partner_section #content #content-main, #container-main #download-guides #content #content-main { margin-bottom: 30px; float: left; width: 760px; overflow: hidden; } #container-main #content #content-main .section { float: left; margin-bottom: 25px; } #container-main #content #content-main .one-col { float: left; width: 570px; margin-right: 10px; overflow: hidden; } /*#container-main #content #content-main .two-col .col { float: left; width: 280px; margin-right:10px; overflow: hidden; } */ #container-main #content #content-main .two-col .col { float: left; width: 290px; overflow: hidden; } #container-main #content #content-main .three-col .col { float: left; width: 183px; margin-right: 10px; overflow: hidden; } #container-main #content #content-main .three-col .two-col { float: left; width: 377px; margin-right: 10px; overflow: hidden; } #container-main #content #content-sidebar { margin-bottom: 20px; float: left; width: 180px; overflow: hidden; } #container-main #content #content-sidebar .two-col .col-1 { float: left; width: 50px; margin-right: 10px; overflow: hidden; } #container-main #content #content-sidebar .two-col .col-2 { float: left; width: 100px; overflow: hidden; } /*#container-footer { clear: both; margin: 0 0 10px 0; padding: 50px 0 10px 0; width: 950px; height: 23px; overflow: hidden; }*/ /* height: 23px */ /*#container-footer dl { display:block; width:168px; float:left; color: #a8a8a8; margin: 0 0 } #container-footer dl dt { font-weight: bold; text-align: left; width: 168px; margin-bottom: 10px; } #container-footer dl dd { text-align: left; width: 168px; margin: 0 0; padding: 0 0; margin-bottom: 8px } #container-footer dl dd a { color: #a8a8a8; text-decoration: none; line-height: 13px; } #container-footer dl dd a:hover { color: #777777; text-decoration: none; } #container-footer dl dt.last { display:block; margin-top: 20px } #container-footer #legal a { text-decoration: none; font-weight: bold; color: #888888 }*/ .footer_sitemap_header { margin: auto; width: 870px; height: 3px; background: transparent url(/10001/lib/img/branding/footer_sitemap_header_870.gif) no-repeat; } .footer_sitemap_footer { margin: auto; width: 870px; height: 3px; background: transparent url(/10001/lib/img/branding/footer_sitemap_footer_870.gif) no-repeat; } .footer_sitemap_spacer { margin: auto; width: 845px; background: transparent url(/10001/lib/img/branding/footer_sitemap_spacer_870.gif) repeat-y; padding: 10px 10px 10px 15px; overflow: auto; } #home #container-main #content { width: 950px; } #home #container-main #content #content-main { width: 950px; } #home #container-main #content #content-main #col-1 { float: left; width: 230px; margin-right: 10px; overflow: hidden; } #home #container-main #content #content-main #col-2 { float: left; width: 470px; margin-right: 10px; overflow: hidden; } #home #container-main #content #content-main #col-3 { float: left; width: 230px; overflow: hidden; } /* GENERIC TomTom styles */ body, input, select, textarea, table { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #545454; background-color: #fff; } h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; } h1 { margin-bottom: 10px; border-bottom: 4px solid #dedede; font: bold 27px/29px Arial, Helvetica, sans-serif; color: #000; } h2, h3 { margin-bottom: 10px; border-bottom: 4px solid #dedede; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; } /*h2, h3 { margin-bottom: 5px; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #0068B4; }*/ h4, h5, h6 { margin-bottom: 10px; font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif; } p { margin-bottom: 10px; } p.separator { float: left; width: 100%; border-top: 1px solid #dedede; line-height: 1px; } ul, ol {} /* Kept empty deliberately, so it will show default browser behavior */ li {} /* Kept empty deliberately, so it will show default browser behavior */ .tiny { font-size: 0.8em; color: #8c8c8c;} ul.separated { margin: 0; padding: 0; } ul.separated li { list-style-type: none; display: inline; } ul.separated li a { display: block; border-bottom: 1px solid #dedede; line-height: 19px; } ul.arrow { margin: 0; padding: 0; } ul.arrow li { list-style-type: none; display: inline; } ul.arrow li a { display: block; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 0.48em; text-decoration: none; } ul.arrow li a:hover { text-decoration: underline; } ul.tick { margin: 0; padding: 0; } ul.tick li { list-style-type: none; padding: 0 0 10px 26px; background: transparent url(../10001/img/icons/tick.gif) no-repeat 0 1px; } ul.tick li ul li { list-style-type: circle; background: none } ul.tick-small { margin-bottom: 10px; padding: 0; } ul.tick-small li { list-style-type: none; padding-left: 17px; background: transparent url(../10001/img/icons/tick_small.gif) no-repeat 0 1px; } ul.bullet { margin: 0 0 10px 0; padding: 0; } ul.bullet li { list-style-type: none; padding-left: 17px; background: transparent url(../10001/img/icons/list_bullet.gif) no-repeat 0 4px; } a { color: #545454; } a.main { display: block; margin-bottom: 10px; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; } a.main_noarrow { font-weight: bold; text-decoration: none; } a.main_noarrow_slim { font-weight: normal; text-decoration: none; } a.home { color:#666666; text-decoration:none; } a.main2 { display: block; margin-bottom: 10px; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; color:black;} a.print { display: block; height: 14px; margin-bottom: 10px; padding-left: 17px; background: transparent url(../10001/img/icons/printer.gif) no-repeat 0 0; font-weight: bold; text-decoration: none; color:black;} a.main:hover { text-decoration: underline; } a.main2:hover, a.main_noarrow:hover, a.main_noarrow_slim:hover, a.print:hover { text-decoration: underline; } a.back { display: block; margin-bottom: 10px; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_back_grey.gif) no-repeat 0.2 0.48em; font-weight: bold; text-decoration: none; } a.home:hover { text-decoration: underline; } a.back:hover { text-decoration: underline; } a.button { display: block; float: left; margin-right: 10px; padding-left: 10px; background: transparent url(../10001/img/branding/button.gif) no-repeat 0 0; height: 18px; line-height: 17px; font-size: 10px; font-weight: bold; text-decoration: none; white-space: nowrap; } a.button span { display: block; float: left; padding-right: 12px; position: relative; left: 2px; background: transparent url(../10001/img/branding/button.gif) no-repeat 100% 0; } a.button:hover { text-decoration: underline; cu\rsor: hand; } /* Proprietary cursor:hand to show correct cursor in IE, doesn't validate */ /* cu\rsor to solve background flicker bug in ie5.x Win */ a.popup { display: block; padding-left: 12px; background: transparent url(../10001/img/icons/popup.gif) no-repeat center left; text-decoration: none; } a.popup:hover { text-decoration: underline; } a.red { color : #fd1921; text-decoration: none; } a.red:hover { text-decoration: underline; } a.header-link { display: block; text-decoration: none; font-weight: bold; } a.header-quicklink { display: block; text-decoration: none; font-weight: bold; color: #1865a1;} a.header-link:hover { text-decoration: underline; } a.mainred { display: block; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_red.gif) no-repeat 0 0.48em; text-decoration: underline;} a img { border: none; } img.icon-left { float: left; clear: left; display: block; margin: 3px 10px 2px 0; } img.icon-right { float: right; clear: right; display: block; margin: 3px 0 2px 0; padding-left: 5px; } img.icon-right2 { float: right; clear: right; display: block; margin: 3px 10px 2px 0; padding-left: 5px; } img.image-left { float: left; display: block; margin: 0 10px 0 0; } hr { display: none; } table { margin-bottom: 20px; width: 100%; border-collapse: collapse; } table.center { text-align: center; } table.center th { text-align: left; } th, td { padding: 0px 0px; } table tbody, tfoot { font-size: 10px; } /* truck navigation settings */ table#trucknav2008 tbody, table#trucknav2008 tfoot { font-size: 11px; } table#trucknav2008 { background-color: transparent; margin-bottom:0px; color:#fff;} /* /truck navigation settings */ tbody tr.uneven { background-color: #f2f2f2; } tbody th { border-top: 0px solid #dedede; border-bottom: 0px solid #dedede; } tbody td { border-left: 0px solid #dedede; border-top: 0px solid #dedede; border-bottom: 0px solid #dedede; } tfoot td { border-left: 0px solid #dedede; } #container-masthead { position: relative; margin-bottom: 20px; width: 950px; height: 107px; overflow: hidden; } #container-masthead { background: #464646 url(../10001/img/branding/masthead_bg.gif) repeat-x top left; } #container-masthead #logo-new { margin-top: 18px; } /*#container-masthead #logo-new { margin-top: -1px; }*/ /*// XMAS VERSION*/ /*#logo { position: absolute; top: 18px; left: 13px; } #logo-new { position: absolute; top: 18px; left: 13px; }*/ #logo-new-xmas { position: absolute; top: 23px; left: 13px; } /*#logo span { position: relative; top: -13px; left: 101px; display: block; text-indent: -5000px; background: url(../10001/img/branding/tomtom_payoff.gif); width: 195px; height: 15px; }*/ #logo span { position: relative; top: -13px; left: 161px; display: block; text-indent: -5000px; background: url(../10001/img/branding/tomtomwork_payoff2.gif); width: 142px; height: 15px; } #logo-new span { position: relative; top: -21px; left: 200px; display: block; text-indent: -5000px; background: url(../10001/img/branding/tomtomwork_payoff2.gif); width: 142px; height: 15px; } #logo-new-xmas span { position: relative; top: -39px; left: 205px; display: block; text-indent: -5000px; background: url(../10001/img/branding/tomtomwork_payoff2.gif); width: 142px; height: 15px; } /*#languages { position: absolute; left: 740px; top: 80px; z-index: 1100; width: 200px; } #languages select { float: right; }*/ #skip-nav { position: absolute; left: -1000em; width: 30em; } /*#global-nav { position: absolute; left: 0; top: 75px; z-index: 3; width: 950px; height: 28px; background: transparent url(../10001/img/branding/globalnav_bg.gif) repeat-x top left; overflow: hidden; } #global-nav ul { margin: 0; padding: 0; } #global-nav li { display: block; float: left; list-style-type: none; padding-top: 2px; } #global-nav a { display: block; float: left; padding: 0 20px; border-left: 1px solid #a3a3a3; border-right: 1px solid #545454; background-color: #7e7e7e; height: 25px; line-height: 23px; color: white; text-decoration:none; } #global-nav a:hover, #global-nav a.active { background-color: #545454; } #global-nav a.tonedDown { background: transparent url(../10001/img/branding/globalnav_separator.gif) no-repeat 0 8px; padding: 0 10px 0 11px; font-size: 10px; border: none; line-height: 24px; } #global-nav a.tonedDown.firstchild { background: none; } #global-nav a.tonedDown:hover { background-color: transparent; text-decoration: underline; } */ #local-nav { margin: 10px 0 20px 0; } #local-nav ul { margin: 0; padding: 0; } #local-nav li a { display: block; padding-left: 17px; background: transparent url(../10001/img/icons/localnav/generic01_g.gif) no-repeat 0 6px; border-bottom: 4px solid #dedede; line-height: 19px; text-decoration: none; } #local-nav li a:hover { text-decoration: underline; } #local-nav li a.active { font-weight: bold; color: #000; background: transparent url(../10001/img/icons/localnav/generic01_b.gif) no-repeat 0 6px; } #local-nav li a.active:hover { text-decoration: none; cu\rsor: default; } /* cu\rsor to solve background flicker bug in ie5.x Win */ #local-nav li li { list-style-type: none; display: block; border-bottom: 1px solid #dedede; } #local-nav li li a { border-bottom: none; background: transparent url(../10001/img/icons/localnav/generic02_g.gif) no-repeat 0 6px; } #local-nav li li a.active { border: none; background: transparent url(../10001/img/icons/localnav/generic02_b.gif) no-repeat 0 6px; } #local-nav li li a.allinone { background: transparent url(../10001/img/icons/localnav/allinone_g.gif) no-repeat 0 5px; } #local-nav li li a.sub-active { font-weight: bold; color: #000; border: none; } #local-nav li li a.sub-active:hover { text-decoration: none; cursor: default; } #local-nav li li li { border-bottom: 1px solid #fff; } #local-nav li li li a { margin-left: 17px; border: none; padding-left: 12px; background: transparent url(../10001/img/icons/localnav/generic03_g.gif) no-repeat 0 4px; line-height: 13px; } #local-nav li li li a.active { background: transparent url(../10001/img/icons/localnav/generic03_b.gif) no-repeat 0 4px; } /*#local-nav li li li li { border-bottom: 1px solid #fff; }*/ #local-nav li li li li { margin-left: 9px; border-bottom: 1px solid #fff; } #local-nav li li li li a { margin-left: 21px; border: none; padding-left: 16px; background: transparent url(../10001/img/icons/localnav/generic03_g.gif) no-repeat 0 4px; line-height: 13px; } #local-nav li li li li a.active { background: transparent url(../10001/img/icons/localnav/generic03_b.gif) no-repeat 0 4px; } #local .section, #local .featured {margin-bottom:20px; font-size:10px; line-height:12px;} #local .section h3, #local .featured h3, #local .section p, #local .featured p {margin-bottom:4px;} #local .section a.main, #local-nav .featured a.main {background-position:0 4px;} #local .section input.tt-promotion {margin-bottom:2px; width:174px;} #local .featured { margin-bottom: 20px; padding-bottom: 3px; background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 100%; } #local .featured-top { padding: 10px 0 0 10px; background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 0; } #local .featured-content { margin-left: 10px; width: 160px; overflow: hidden; } #shopping-cart { margin-bottom: 20px; border-top: 4px solid #dedede; } #shopping-cart h4 { border-bottom: 1px solid #dedede; padding: 2px 0 3px 17px; margin: 0; background: transparent url(../10001/img/icons/cart.gif) no-repeat 0 2px; } #shopping-cart ul { margin: 0; padding: 0; } #shopping-cart li { list-style-type: none; display: inline; } #shopping-cart li a { display: block; padding-left: 17px; background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 7px; border-bottom: 1px solid #dedede; line-height: 19px; text-decoration: none; } #shopping-cart li a:hover { text-decoration: underline; } #register { margin-bottom: 20px; border-top: 4px solid #dedede; } #register h4 { border-bottom: 1px solid #dedede; padding: 2px 0 3px 17px; margin: 0; background: transparent url(../10001/img/icons/register.gif) no-repeat 0 2px; } #register p { border-bottom: 1px solid #dedede; line-height: 19px; } #register input { display: block; margin: 6px 0 0 17px; width: 157px; } #register a { display: block; padding-left: 17px; background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 7px; text-decoration: none; } #register a:hover { text-decoration: underline; } #tab-nav ul { margin: 0; padding: 0; } #tab-nav li { display: block; float: left; list-style-type: none; } #tab-nav li a { display: block; float: left; margin-right: 6px; padding-left: 6px; height: 27px; background: transparent url(../10001/img/branding/tab.gif) no-repeat 0 0; line-height: 27px; text-decoration: none; color: #666; } #tab-nav li a { _margin-right: 3px; } /* Hack, applies style for IE only, doesn't validate */ #tab-nav li a:hover { text-decoration: underline; cu\rsor: hand; } /* Proprietary cursor:hand to show correct cursor in IE, doesn't validate */ /* cu\rsor to solve background flicker bug in ie5.x Win */ #tab-nav li a span { display: block; float: left; padding-right: 12px; position: relative; left: 6px; height: 27px; background: transparent url(../10001/img/branding/tab.gif) no-repeat 100% 0; } #tab-nav li a.active { background: transparent url(../10001/img/branding/tab_active.gif) no-repeat 0 0; color: #000; font-weight: bold; } #tab-nav li a.active:hover { text-decoration: none; cu\rsor: default; } /* cu\rsor to solve background flicker bug in ie5.x Win */ #tab-nav li a.active span { background: transparent url(../10001/img/branding/tab_active.gif) no-repeat 100% 0; } #content-feature { margin: 10px 0 20px 0; position: relative; } #content-feature #tab-nav { position: absolute; left: 11px; top: 248px; z-index: 503; } #content-feature h1 { border: none; } #content-feature h1.hide { display: none; } /*#content-feature #feature-image { position: absolute; left: -3px; top: -3px; z-index: 501; }*/ #content-feature #feature-text { position: absolute; left: 290px; top: 34px; z-index: 502; width: 400px; color: #fff; font-size: 10px; } #content-feature #feature-text h4 { margin-bottom: 10px; font: bold 18px/20px Arial, Helvetica, sans-serif; } #content-feature #feature-text .link { color: #fff; } /*#content-feature .go700 { width: 760px; height: 275px; background: transparent url(../10001/img/branding/feature_2/bg_GO700.gif) no-repeat 0 0; }*/ #content-feature .go700 { width: 760px; height: 275px; } #content-feature .go500 { width: 760px; height: 275px; background: transparent url(../10001/img/branding/feature_2/bg_GO500.gif) no-repeat 0 0; } #content-feature .go300 { width: 760px; height: 275px; background: transparent url(../10001/img/branding/feature_2/bg_GO300.gif) no-repeat 0 0; } #content-feature .rider { width: 760px; height: 275px; background: transparent url(../10001/img/branding/feature_2/bg_Rider.gif) no-repeat 0 0; } #content-feature .nav5 { width: 760px; height: 275px; background: transparent url(../10001/img/branding/feature_2/bg_Nav5.gif) no-repeat 0 0; } #content-feature .mob5 { width: 760px; height: 275px; background: transparent url(../10001/img/branding/feature_2/bg_Mob5.gif) no-repeat 0 0; } #content-main .one-col #tab-nav { clear: both; margin-bottom: 20px; width: 100%; height: 37px; background-color: #f2f2f2; } #content-main .one-col #tab-nav ul { padding: 10px 0 0 9px; } #content-main h2.accessory-subtitle { clear:both; margin-left: 5px; background-color: #e9e9e9; padding-left: 5px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9 } #content-sidebar { font: 10px/12px Verdana, Arial, Helvetica, sans-serif; } #content-sidebar h3 { margin-bottom: 5px; } #content-sidebar .section { margin-bottom: 20px; } /*#content-sidebar .featured { margin-bottom: 20px; padding-bottom: 3px; background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 100%; }*/ /*#content-sidebar .featured-top { padding: 10px 0 0 10px; background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 0; }*/ #content-sidebar .featured-top { padding: 10px 0 0 10px; } #content-sidebar .featured-content { margin-left: 10px; width: 160px; overflow: hidden; } /*#container-footer { background: transparent url(../10001/img/branding/footer_bg_large.gif) repeat-x top left; text-align: center; }*/ /*#container-footer { background-color: #f4f4f4; text-align: center; }*/ #footer-bar { text-align: center; clear: both; width: 950px; margin-bottom: 3px; } #footer-bar a { color: #acacac; } .legal { color: #acacac; font-size: 9px; line-height: 22px; height: 25px; width: 870px; padding: 10px 0 0 0; border-bottom: 1px solid #e1e1e1; margin:auto } .legal span { float:right } .legal a { color:#337BB1; font-weight:bold; text-decoration:none; } #expand-collapse .item { border-bottom: 1px solid #dedede; } #expand-collapse .item-header { display: block; padding-left: 12px; background: transparent url(../10001/img/icons/expanded.gif) no-repeat 0 7px; font-weight: bold; text-decoration: none; line-height: 19px; } #expand-collapse .item-section { padding-left: 12px; } #expand-collapse .collapsed { display: block; padding-left: 12px; background: transparent url(../10001/img/icons/collapsed.gif) no-repeat 0 7px; font-weight: bold; text-decoration: none; line-height: 19px; } #expand-collapse .expanded { display: block; padding-left: 12px; background: transparent url(../10001/img/icons/expanded.gif) no-repeat 0 7px; font-weight: bold; text-decoration: none; line-height: 19px; } #prodcat_image { float: left;} #protcat_feature { position: relative; height: 102px;} /*.highlight { color: #f00; }*/ .highlight2 { color: #FFFFFF; } .note { font-weight: normal; font-size: 9px; } .form, .form input, .form select, .form textarea { font-size: 10px; } .featured-align { margin-top: 3px; } /* GENERIC Utility styles */ .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-top { margin-top: 0 !important; } .float-left { float: left; } .float-right { float: right; } .clear-left { clear: left; } .clear-both { clear: both; } .align-right { text-align: right; } p.clear { clear: both; margin: 0; padding: 0; line-height: 1px; height: 1px; overflow: hidden; } /* GENERIC sIFR related styles */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-hasFlash h1 { visibility: hidden; line-height: 29px; } .sIFR-hasFlash h2, .sIFR-hasFlash h3 { visibility: hidden; line-height: 11px; padding-bottom: 2px; } .sIFR-hasFlash h1 { _height: 29px; } /* Hack, applies style for IE only, doesn't validate */ .sIFR-hasFlash h2, .sIFR-hasFlash h3 { _height: 11px; } /* Hack, applies style for IE only, doesn't validate */ .sIFR-hasFlash #local-nav { margin-top: 14px; } .sIFR-hasFlash #content-sidebar .featured-align { margin-top: 6px; } /* PAGE SPECIFIC Products section styles */ #home #content-feature { width: 950px; height: 275px; } #home h2 { clear: both; } #home .promotion, #home .featured { margin-bottom: 5px; width: 230px; height: 131px;} #home .featured2 { width: 230px;} /*feature boxes home */ /*#home .featured { background: url(../10001/img/branding/home_featured_bg.gif) no-repeat 0 0;}*/ #home #col-1 .col-image { float: left; width: 40px; overflow: hidden; } #home #col-1 .col-text { float: left; margin: -2px 0 0 5px; width: 185px; overflow: hidden; text-align: left;} #home #col-2 p { margin: -2px 0 7px 0; } #home #col-3 p.separator { margin-top: 0; } #home #col-2 .col-text { float: left; width: 400px; overflow: hidden; } #home #col-2 .col-text a { text-decoration: none; } #home #col-2 .col-text a:hover { text-decoration: underline; } #home #col-2 .col-date { float: left; width: 70px; overflow: hidden; font-weight: bold; text-align:right;} #home #col-3 p { margin: -3px 0 7px 0; } #home #col-3 p.separator { margin-top: 0; } #home #login-form { font-size: 10px; padding: 15px; } #home #login-form input { width: 120px; font-size: 10px; line-height: 10px; } #home #login-form h2 { border: none; line-height: 15px; } #home #login-form #form-container { position: relative; top: -6px; width: 200px; height: 82px; overflow: hidden; } #home #login-form #form-1 { position: absolute; left: 0; top: 2px; width: 50px; } #home #login-form #form-2 { position: absolute; right: 0; top: 0; } #home #login-form #form-3 { position: absolute; left: 0; top: 26px; width: 50px; } #home #login-form #form-4 { position: absolute; right: 0; top: 24px; } #home #login-form #form-5 { position: absolute; right: 0; top: 48px; } #home #login-form #form-5 a.button { margin-right: 2px; } #home #login-form #form-6 { position: absolute; left: 0; top: 56px; } /*#home #joblist { font-size: 10px; padding: 15px; }*/ /*#home #joblist h2 { border: none; line-height: 15px; }*/ /*#home #joblist #joblist_container { position: relative; top: -6px; width: 200px; height: 80px; overflow: hidden; }*/ #products-category .col-acc-1, #product .col-acc-1 { float: left; width: 138px; margin-right: 10px; } #products-category .col-acc-2, #product .col-acc-2 { float: left; width: 138px; height: 30px; overflow: hidden; } #products-category .but-col-1 { float: left; width: 420px; margin: 0 10px 0 0; overflow: hidden;} #products-category .but-col-2 { float: right; width: 90px; margin: 0; text-align: center;} #products-category p.separator { float: left; width: 100%; border-top: 1px solid #dedede; line-height: 1px; margin-top: 10px;} #product-maps .button-section { float: right; width: 135px; } #product-maps .button-section a.button { float: right; margin: 10px 2px 0 0; } #product-reviews .col-rev-1 { float: left; width: 120px; margin-right: 10px; overflow: hidden; } #product-reviews .col-rev-2 { float: left; width: 440px; overflow: hidden; } #product-inthebox .col-box-1, #accessories-inthebox .col-box-1 { float: left; width: 352px; margin-right: 10px; } #product-inthebox .col-box-2, #accessories-inthebox .col-box-2 { float: left; width: 198px; margin-right: 10px; } #product-inthebox p.separator, #accessories-inthebox #content-main p.separator { margin-right: 10px; width: 560px; } #accessories .form p { padding: 10px; background-color: #f2f2f2; height: 16px; } #accessories .form strong, #accessories .form select { display: block; float: left; margin-right: 10px; } #accessories .form strong { padding-top: 2px; } #accessories .but-col-1, #product-accessories .but-col-1 { float: left; width: 425px; margin: 0 10px 0 0; } #accessories .but-col-2, #product-accessories .but-col-2 { float: right; width: 135px; margin: 0; } #accessories .but-col-2 strong, #product-accessories .but-col-2 strong { float: right; display: block; margin: 0 5px 10px 0; } #accessories .but-col-2 a, #product-accessories .but-col-2 a { float: right; clear: right; margin: 0 2px 0 0; } #accessories-overview h2, #accessories-features h2, #accessories-inthebox h2 { float: left; border: none; font-size: 17px; line-height: 17px; } #accessories-overview .part-number, #accessories-features .part-number, #accessories-inthebox .part-number { float: left; line-height: 15px; margin-left: 8px; } #accessories-overview .price, #accessories-features .price, #accessories-inthebox .price { float: right; line-height: 14px; } #accessories-overview .button-section, #accessories-features .button-section, #accessories-inthebox .button-section { float: right; margin-top: -2px; } #accessories-overview .button-section a.button, #accessories-features .button-section a.button, #accessories-inthebox .button-section a.button { margin: 0 2px 0 10px; } #compat #container-main #content { float: left; width: 755px; overflow: hidden; } #compat #container-main #content #content-main { margin-bottom: 30px; float: left; width: 755px; overflow: hidden; } #compat #container-main #content #content-main .section { float: left; margin-bottom: 25px; } #compat #container-main #content #content-main .one-col { float: left; width: 745px; margin-right: 10px; overflow: hidden; } #compat #container-main #content #content-main .two-col .col { float: left; width: 360px; margin-right: 10px; overflow: hidden; } #compat #container-main #content #content-main .three-col .col { float: left; width: 185px; margin-right: 10px; overflow: hidden; } #compat #container-main #content #content-main .three-col .two-col { float: left; width: 540px; margin-right: 10px; overflow: hidden; } #compat p { padding-top:7px;} #compat #pressrelease th{border-bottom:1px solid #DEDEDE; padding-top:16px;} #compat #pressrelease td.date{padding-left:16px; background:url("../10001/img/common/greyarrow.gif") no-repeat 2px 3px; width: 80px; vertical-align:top;} #compat #pressrelease td{line-height:14px;} #compat table { margin-bottom: 3px; } #compat td.datum {width:85px; display:block; background: url("../10001/img/common/greyarrow.gif") no-repeat 0px 4px; padding-left:15px; font-size:9px; line-height: 16px;} #compat td.space {width:16px;} #support #container-main #content { float: left; width: 950px; overflow: hidden; } /* TomTom WORK specific additions to tomtom.css */ p.highlight { color: red; } a.main-inline { display: inline; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; } a.main-inline:hover { text-decoration: underline; } #cases-nav { margin: 0 0 20px 0; padding: 3px 0; border-top: 4px solid #dedede; border-bottom: 1px solid #dedede;} #cases-nav ul { list-style: none; margin: 0; padding: 0; } #cases-nav li { line-height: 13px; margin-left: 0; padding-left: 12px; display: block; background: transparent url(../10001/img/icons/localnav/generic02_g.gif) no-repeat 0 4px; color: #000; font-weight: bold } #cases-nav li ul { list-style: none; padding-top: 3px; } #cases-nav li li { margin-left: 5px; padding-left: 12px; display: block; background: transparent url(../10001/img/icons/localnav/generic03_g.gif) no-repeat 0 4px; } #cases-nav li li a { text-decoration: none; font-weight: normal } #cases-nav li li a.active { font-weight: bold; color: #000 } #cases-nav li li a:hover { text-decoration: underline; } #goto-tomtom { position: absolute; top: 0px; right: 0px; } #product-who .col-1, #product-what .col-1, #product-why .col-1, #product-components .col-1 { clear: left; float: left; width: 40px; margin-right: 10px; overflow: hidden; } #product-who .col-2, #product-what .col-2, #product-why .col-2, #product-components .col-2 { float: left; width: 520px; margin-top: -2px; overflow: hidden; } /*.featured { margin-bottom: 20px; padding-bottom: 3px; background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 100%; }*/ .featured-top { padding: 10px 0 0 10px; }/*background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 0; }*/ /*.featured-content { margin-left: 10px; width: 200px; overflow: hidden; }*/ .featured-content { margin-left: 10px; width: 200px; overflow: hidden; } #products #content-main .featured h3 { margin-bottom: 5px; border-bottom: 4px solid #75CEF7; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; } #products #content-main .featured { margin-bottom: 20px; padding-bottom: 3px; background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 100%; } #products #content-main .featured-top { padding: 10px 0 0 10px; background: transparent url(../10001/img/branding/sidebar_featured_bg.gif) no-repeat 0 0; } #products #content-main .featured-content { margin-left: 10px; width: 160px; overflow: hidden; } #products #content-main #color h3 { margin-bottom: 5px; border-bottom: 4px solid #cccccc; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; } #products #content-main #color .featured-content { margin-left: 10px; width: 200px; overflow: hidden; } #products #content-main #color .featured { margin-bottom: 20px; padding-bottom: 3px; background: transparent url(../10001/img/branding/sidebar_featured_bg_220.gif) no-repeat 0 100%; } #products #content-main #color .featured-top { padding: 10px 0 0 10px; background: transparent url(../10001/img/branding/sidebar_featured_bg_220.gif) no-repeat 0 0; } /* #home #col-1 h2 { font: bold 13px/17px Arial, Helvetica, sans-serif; color: #00418a; } */ #home #col-1 h2 { font: bold 13px/17px Arial, Helvetica, sans-serif; color: #000; text-align: left;} #home #col-2 h2 { color: #fc4c4c; } #home .featured { width: 230px;} /*#home #feature-demo { height: 131px; background: transparent url(../10001/img/branding/bg_yellow_230x131.gif) no-repeat 0 0; }*/ /*#home #feature-demo { height: 131px; background: transparent url(../10001/img/branding/bg_grey_230x131.gif) no-repeat 0 0; } */ /* #home #feature-login { background: transparent url(../10001/img/branding/bg_grey_230x106.gif) no-repeat 0 0; } */ /* #home #feature-login2 { background: transparent url(../10001/img/branding/bg_grey_230x106.gif) no-repeat 0 0; } */ /* #feature-login2 { background: transparent url(../10001/img/branding/bg_grey_230x106.gif) no-repeat 0 0; height:110px; color:black;} */ /* #feature-login { background: transparent url(../10001/img/branding/bg_grey_230x106.gif) no-repeat 0 0; height:110px;} */ #info { width: 600px; overflow: auto;} #home .featured-top { padding: 10px 0 0 10px; } #home .featured-content { margin-left: 10px; width: 200px; overflow: hidden; text-align:left;} #home .featured-content h3 { padding:0 -5px 0 -5px; border-bottom: 4px solid #c8c8c8; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; text-align:left;} /*dynamic feature box */ #home .featured-header, #goto .featured-header, #show .featured-header {background: transparent url(../10001/img/branding/feature_grey_230_header.gif) no-repeat 0 0; width: 230px; height:9px; _margin-bottom: -4px;} #home .featured-spacer , #goto .featured-spacer, #show .featured-spacer {background: transparent url(../10001/img/branding/feature_grey_230_spacer.gif) repeat-y; overflow: auto; padding: 0 10px 0 10px; width: 210px; text-align:left;} #home .featured-footer, #goto .featured-footer, #show .featured-footer {background: transparent url(../10001/img/branding/feature_grey_230_footer.gif) no-repeat 0 0; width: 230px; height:9px; margin: 0 0 10px 0;} #home .featured-spacer h3, #goto .featured-spacer h3, #show .featured-spacer h3 { margin-bottom: 10px; border-bottom: 4px solid #c8c8c8; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; text-align:left;} #home .use-case {float:left; margin: -5px 0 5px 0;} #home .use-case-header {height: 9px; width: 470px; background: transparent url(../10001/img/branding/use_case_470_header.gif) no-repeat 0 0; _margin-bottom: -4px;} #home .use-case-footer {height: 9px; width: 470px; background: transparent url(../10001/img/branding/use_case_470_footer.gif) no-repeat 0 0;} #home .use-case-spacer {width: 470px; background: transparent url(../10001/img/branding/use_case_470_spacer.gif) repeat-y; overflow: hidden;} /*#home .use-case { float: left; width: 470px; height: 103px; background: transparent url(/10001/lib/img/branding/use_case_470x103.gif) no-repeat 0 0; margin: 5px 0 5px 0;} */ #home .use-case-spacer img { float: left; display: block; margin: 0 0 0 10px; } #home .use-case-spacer p.content { float: left; width: 320px; display: block; padding: 7px 0 0 10px; text-align: left;} #home .use-case-spacer p.url { display: block; width: 450px; overflow: hidden; padding: 0 10px 0 10px; text-align: right; clear:both;} #home .use-case-spacer p.url a{ text-decoration: none; font-weight: bold;} #home .use-case-spacer p.url a:hover { text-decoration: underline; } #home .use-case-spacer h3 {float: left; text-align: left; color: #000; width: 310px; padding: 0 0 0 10px;} #home .use-case-spacer #case_url { float: right; margin:0 10px 0 0;} /* #feature-demo { margin-bottom: 20px; padding-bottom: 3px; height: 130px; background: transparent url(../10001/img/branding/bg_yellow_180x130.gif) no-repeat 0 100%; } */ /*#products #feature-use-cases { height: 106px; background: transparent url(../10001/img/branding/bg_yellow_180x106.gif) no-repeat 0 0; }*/ /*new stuff */ /*#products .featured2, #form .featured2, #company .featured2, #news .featured2, #product-what .featured2 {margin: 5px 0 5px 0;} #products .featured-header, #form .featured-header, #company .featured-header, #news .featured-header, #product-what .featured-header {background: transparent url(../10001/img/branding/feature_grey_180_header.gif) no-repeat 0 0; width: 180px; height:9px;} #products .featured-footer, #form .featured-footer, #company .featured-footer, #news .featured-footer, #product-what .featured-footer {background: transparent url(../10001/img/branding/feature_grey_180_footer.gif) no-repeat 0 0; width: 180px; height:9px;} #products .featured-spacer, #form .featured-spacer, #company .featured-spacer, #news .featured-spacer, #product-what .featured-spacer {background: transparent url(../10001/img/branding/feature_grey_180_spacer.gif) repeat-y; overflow: auto; padding: 0 10px 0 10px; width: 160px; text-align:left;} #products .featured-spacer h3, #form .featured-spacer h3, #company .featured-spacer h3, #news .featured-spacer h3, #product-what .featured-spacer h3 { margin: 0 0 10px 0; border-bottom: 4px solid #c8c8c8; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; text-align:left;}*/ .featured2 {margin: 0 0 5px 0;} .featured-header {background: transparent url(../10001/img/branding/feature_grey_180_header.gif) no-repeat 0 0; width: 180px; height:9px; _margin-bottom: -4px;} .featured-footer {background: transparent url(../10001/img/branding/feature_grey_180_footer.gif) no-repeat 0 0; width: 180px; height:9px;} .featured-spacer {background: transparent url(../10001/img/branding/feature_grey_180_spacer.gif) repeat-y; padding: 0 10px 0 10px; width: 160px; text-align:left; overflow:hidden} .featured-spacer h3 { margin: 0 0 10px 0; border-bottom: 4px solid #c8c8c8; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; text-align:left;} #content-sidebar .featured-content h3 { margin-bottom: 10px; border-bottom: 4px solid #fbdf69; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; } #use-cases h2 img { padding-bottom: 10px; } #news h2 { clear: left; } #news #list h3 { clear: left; margin-top: 20px; margin-bottom: 3px; border-bottom: 1px solid #dedede; font: bold 11px/13px Arial, Helvetica, sans-serif; color: #545454; } #news #list .col-date { float: left; padding-left:15px; line-height: 16px; font-size:9px; background: url("../10001/img/common/greyarrow.gif") no-repeat 0px 4px; } #news #list .col-text { float: left; padding-left:15px; line-height: 16px; font-size:9px; width: 440px;} #news #list .separator { float: left; padding-left:15px; line-height: 16px; font-size:9px; } #news #list p { clear: left; } #news #list .link { clear: left; margin-top: 10px; margin-bottom: 20px; padding-left:15px; line-height: 16px; font-size:11px; background: url("../10001/img/common/greyarrow.gif") no-repeat 0px 4px; } #news #list .link a { text-decoration: none; color: red; } #events h2 img { padding-bottom: 10px; } #events #container-main #content #content-main { margin-bottom: 30px; float: left; width: 745px; overflow: hidden; } #events #container-main #content #content-main .one-col { float: left; width: 745px; margin-right: 10px; overflow: hidden; } #contacts #list h3 { clear: left; margin-top: 10px; border-bottom: 0; margin-bottom: 0; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #545454; } #contacts #list p { margin-bottom: 3px; border-bottom: 1px solid #dedede; } #product-what h2.following,#product-why h2.following { margin-top: 20px; } #product-category h2.following { margin-top: 10px; } /*#product-what p strong { display: block; margin-top: 15px; margin-bottom: 15px; }*/ #product-components .list-item, #product-category .list-item { clear: left; } #product-components #content-main a.main { clear: left; } #sales-contacts h2, #news h2 img { padding-bottom: 10px; } #reseller-area h2 { padding-bottom: 10px; } /*#reseller-area div.section { display: block; clear: left; border-bottom: 1px solid #dedede; margin-bottom: 20px; }*/ #reseller-area #content-main h3 { clear: both; border-bottom: 1px solid #dedede; } #reseller-area div.mediaobject2 { float: left; margin: 5px; width: 390px; height:124px;} #reseller-area div.mediaobject { float: left; margin: 5px; width: 130px; height:124px;} #reseller-area div.imagedata { text-align: center; margin: 5px; width: 130px;} #reseller-area div.caption { text-align: center; width: 140px;} #reseller-area div.caption p { margin-bottom: 0; font-size: 10px; } #reseller-area div.capital { float:left; width:290px; margin-top:8px; } #blog div.thumb_news .mediaobject { float: left; margin: 5px; width: 130px; height:124px} #blog div.thumb_news .imagedata { text-align: center; margin: 5px; width: 130px;} #blog div.thumb_news .caption { text-align: center; width: 130px;} #blog div.thumb_news .caption p { margin-bottom: 0; font-size: 10px; } #blog div.thumb_news .capital { float:left; width:290px; margin-top:8px; } #company h2,#downloads h2 { padding-bottom: 10px; } #company .list ul, #sales-contacts .list ul { list-style: none; margin-left: 0; padding-left: 0; } #company .list h2,h3, #sales-contacts .list h2,h3 { margin-bottom: 0; border-bottom: 0; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #545454; } #company .list h2, #sales-contacts .list h2 { margin-top: 20px; } #company .list h3, #sales-contacts .list h3 { font-style: italic; } #company ul.list-disc { list-style: disc; padding-left: 15px; } #company ul.list-disc li { display: list-item; padding-left: 0; } #company ul.list-disc li p { margin-top: 0; margin-bottom: 0; } #comparison h2 { padding-bottom: 10px; } #comparison #content-main table th { padding: 6px; } #comparison #content-main table th.feature { text-align: center; } #comparison #content-main table td { padding: 6px; } #comparison #content-main table td { border: 1px solid #dedede; } #comparison #content-main #mapVerInfo table td { border: 0px solid #dedede; } /* no border sw-udpate */ #comparison #content-main table td.feature { text-align: center; } #comparison #content-main table#compare-overview td.feature-label { width: 150px; vertical-align: top; } #comparison #content-main table#compare-overview td.feature { width: 150px; vertical-align: center;} #comparison #content-main table#compare-features td.feature-label { width: 150px; vertical-align: top; } #comparison #content-main table#compare-features td.feature { width: 150px; vertical-align: center; } #comparison #content-main table#compare-overview td.start { width: 150px; vertical-align: top;} #comparison #content-main table#compare-features td.start { width: 150px; vertical-align: top; } /*#comparison #content-main table tr.even td { background-color: #eeeeee; }*/ /*#comparison #content-main #tick { border: 1px solid black; }*/ #comparison h3 { margin-bottom: 7px; } #comparison .list ul { list-style: none; margin-left: 0; padding-left: 0; } #comparison .list li { display: block; clear: left; padding-left: 20px; } #comparison .list .list-closed { background: url("../10001/img/common/open.jpg") no-repeat; } #comparison .list .list-open { background: url("../10001/img/common/close.jpg") no-repeat; } #comparison .list h2 { clear: both; border-bottom: 0; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #545454; } #comparison .list .col-left { float: left; } #comparison .list .col-right { float: right; } #comparison .list h3 { margin-top: 10px; margin-bottom: 5px; font: bold 11px/15px Arial, Helvetica, sans-serif; color: #545454; } #comparison .list p { clear: both; border-bottom: 0; font: bold 10px/14px Arial, Helvetica, sans-serif; color: #545454; } #comparison .list h2 + p + p { margin-top: 10px; } #comparison ul.list-disc { list-style: disc; padding-left: 15px; } #comparison ul.list-disc li { display: list-item; padding-left: 0; } #comparison ul.list-disc li p { margin-top: 0; margin-bottom: 0; } #downloads #content-main h3 { margin-top: 20px; border-bottom: 1px solid #dedede; } #downloads #content-main h4 { margin-top: 10px; margin-bottom: 5px; } #jobs h2 { padding-bottom: 10px; } #jobs .list ul { list-style: none; margin-left: 0; padding-left: 0; } #jobs .list li { display: block; clear: left; padding-left: 20px; } #jobs .list .list-closed { background: url("../10001/img/common/open.jpg") no-repeat; } #jobs .list .list-open { background: url("../10001/img/common/close.jpg") no-repeat; } #jobs .list h2 { clear: both; border-bottom: 0; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #545454; } #jobs .list .col-left { float: left; } #jobs .list .col-right { float: right; } #jobs .list h3 { margin-top: 10px; margin-bottom: 5px; font: bold 11px/15px Arial, Helvetica, sans-serif; color: #545454; } #jobs .list p { clear: both; border-bottom: 0; font: 11px/14px Arial, Helvetica, sans-serif; color: #545454;} #jobs .list p strong { font-weight:bold; } #jobs .list h2 + p + p { margin-top: 10px; } #jobs ul.list-disc { list-style: disc; padding-left: 15px; } #jobs ul.list-disc li { display: list-item; padding-left: 0; } #jobs ul.list-disc li p { margin-top: 0; margin-bottom: 0; } #jobs ul.list-thesis { list-style-type: none; list-style-image: url(/10001/lib/img/icons/arrow_grey2.gif); padding-left: 15px; } #jobs ul.list-thesis li { display: list-item; padding-left: 0; margin-bottom:10px; } #jobs ul.list-thesis li p { margin-top: 0; margin-bottom: 0; font-size: 1em; } #jobs ul.list-thesis li p.tiny { font-size: 1em; margin-top:5px } #blog h2 { padding-bottom: 10px; } #blog #content-main h3 { margin-top: 25px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #dedede; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #545454; } #blog #content-main h4 { margin-top: 10px; } #blog #content-main ul, #blog #content-main li { margin-top: 0; } #blog #content-main p { margin-bottom: 5px; } #blog #content-main p.posted { color: #acacac; } #blog #content-main a { text-decoration: none; display: inline; } #blog #content-main a:hover { text-decoration: underline; } #blog #content-main pre { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; background-color: #dedede; } #blog #content-main form { border: thin solid #dedede; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; } #connect-targetgroups .solutionItem h2 { padding-bottom: 10px; } #connect-targetgroups #content-main .solutionItem h3 { margin-top: 10px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #dedede; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #545454; } #connect-targetgroups #content-main .solutionItem h4 { margin-top: 10px; } #connect-targetgroups #content-main .solutionItem ul, #connect-targetgroups #content-main .solutionItem li { margin-top: 0; } #connect-targetgroups #content-main .solutionItem p { margin-bottom: 5px; } #connect-targetgroups #content-main .solutionItem p.posted { color: #acacac; } #connect-targetgroups #content-main .solutionItem a { text-decoration: none; display: inline; } #connect-targetgroups #content-main .solutionItem a:hover { text-decoration: underline; } #connect-targetgroups #content-main .solutionItem pre { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; background-color: #dedede; } #connect-targetgroups #content-main .solutionItem form { border: thin solid #dedede; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; } #faq h2 { clear: left; } #faq h2 img.title { padding-bottom: 10px; } #faq #container-main #content h3 { margin-bottom: 10px; margin-top: 20px; border-bottom: 4px solid #dedede; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; } /*#faq h2 { padding-bottom: 0; padding-top: 15px; }*/ /*#faq .list h2 { clear: both; border-bottom: 0; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #545454; }*/ #faq .faq_sublist { list-style-type: square; } #faq .list ul { margin-left: 0; list-style: none; padding-left: 0; } #faq .list li { display: block; clear: left; padding-left: 20px; } #faq .list li a { text-decoration: none; } #faq .list .list-closed { background: url("../10001/img/common/open.jpg") no-repeat; } #faq .list .list-open { font-weight: bold; background: url("../10001/img/common/close.jpg") no-repeat; margin-top: 5px; padding-bottom: 0; margin-bottom: 10px; background-color: #7194BB; } /* #faq .list .list-open + img { margin-bottom: 10px; } */ #faq .list .list-open div a p { color: #ffffff; font-weight: bold; margin-right: 10px; padding-top: 15px; } #faq .list .list-open div p { color: #ffffff; margin-right: 15px; padding-bottom: 12 px; } #faq .list .list-open div p a { color: #ffffff; } /*#faq .list li img { margin-left: -20px; vertical-align: bottom; }*/ #faq .list li #faq_bottom_img { margin-left: -20px; vertical-align: bottom; } /*#faq .list .col-left { float: left; }*/ /*#faq .list .col-right { float: right; }*/ /*#faq .list h3 { margin-top: 10px; margin-bottom: 5px; font: bold 11px/15px Arial, Helvetica, sans-serif; color: #545454; }*/ #faq .list p { clear: both; border-bottom: 0; font: 11px/15px Arial, Helvetica, sans-serif; color: #545454; } /*#faq .list h2 + p + p { margin-top: 10px; }*/ #faq ul.list-disc { list-style: disc; color: #ffffff; padding-left: 15px; margin-bottom: 10px; } #faq ul.list-disc li { display: list-item; padding-left: 0; } #faq ul.list-disc li p { margin-top: 0; margin-bottom: 0; } #faq .list a.main { display: inline; } /*#faq a.main { background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; }*/ #faq .list .list-open div p a.main { margin-bottom: 10px; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_white.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; } /*#faq .table { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background-color: #7194BB; }*/ /*a.main { display: block; margin-bottom: 10px; padding-left: 12px; background: transparent url(../10001/img/icons/arrow_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; }*/ #faq td { border: 1px solid #ffffff; background-color: #7194BB; vertical-align: top; padding: 5px; } #faq table { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; } #faq ul li.list-open ul { list-style-type: square; color: #fff} #faq ul li.list-open ul li { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #fff } #faq table#liveservices_availability_faq { width:545px; margin-right: 10px;} #faq table#liveservices_availability_faq td.tick, #faq table#liveservices_availability_faq td { background-color: #9ab3cc } #faq table#liveservices_availability_faq .tick { background: url(/10001/lib/img/icons/tick_faq.gif) no-repeat center 6px } #xcont #content-main a { font-weight: bold; display: inline; } #tour-body { height: 515px;} #tour #container-masthead { position: relative; margin-bottom: 10px; width: 950px; height: 74px; overflow: hidden; } #tour #container-masthead { background: #464646 url(../10001/img/branding/masthead_tour_bg.gif) repeat-x top left; } #tour #container-main #local { float: left; width: 180px; margin-right: 2px; overflow: hidden; } #tour #container-main #local-nav { margin: 10px 0 20px 0px; } #tour #container-main #content { float: left; width: 768px; overflow: hidden; } /*#tour #container-main #content { float: left; width: 760px; overflow: hidden; }*/ #tour #container-main #content #content-main { margin-bottom: 30px; float: left; width: 768px; height: 555px; overflow: hidden; background-color: #124d8d; color: #ffffff; } #tour #container-main #content #content-main h2 { margin-left: 30px; margin-right: 30px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #ffffff; } /*h2, h3 { margin-bottom: 10px; border-bottom: 4px solid #dedede; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; }*/ #tour #container-main #content #content-main p { margin-left: 30px; margin-right: 30px;} #tour #container-main #content #content-main p img { margin-left: -26px; margin-bottom: 10px; margin-top: 10px; } #tour #container-main #content #content-main h3 { margin-left: 30px; color: #999999; } #tour #container-main #content #content-main p.links { margin-left: 30px; color: #ffffff; text-align: center; } #tour #container-main #content #content-main p.links a { color: #ffffff; text-decoration: none; } #tour #container-main #content #content-main p.links a.active { font-weight: bold; font-size: larger; text-decoration: underline; } #legalsec h2 { padding-bottom: 10px; } #legalsec #content-main ul {list-style: none; margin-left: 0px; padding: 0px; } #legalsec #content-main ul li {margin-bottom: 25px; } #legalsec #content-main ul li p {margin-bottom: 3px; } #partners h2 { padding-bottom: 10px; } #partners .list ul { list-style: none; margin-left: 0; padding-left: 0; } /*#jobs .list li { display: block; clear: left; padding-left: 20px; }*/ #partners .list li { border-bottom: 1px solid #dedede; margin-bottom: 10px; } #partners h3.status { color: black; margin-top: 20px; padding-bottom: 5px; font-size: 16px; border-bottom: 1px solid #dedede; } #training h2 { padding-bottom: 10px; } #training table td { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; line-height: 150% } #training #content-main span.title { font-weight: bold; } ul.enum { list-style: none; margin-left: 0; padding-left: 0; } ul.enum li { clear: both; } ul.enum li div { float: left; width: 520px; margin-top: -2px; overflow: hidden; } ul.enum li div:first-child { float: left; width: 40px; margin-right: 10px; overflow: hidden; } #form label, #goto label { clear: left; float: left; width: 150px; } #form input, #form textarea, #goto input, #goto textarea { clear: right; float: left; } #demoform select, #loginform select { clear: right; float: left; } #form #loginform input#account, #form #loginform input#username, #form #loginform input#password { width: 120px } /* debian fix FF3.1 */ #form textarea , #goto textarea{ width: 250px; } #form input[type="submit"], #form #ff-submit, #goto #ff-submit { display: block; clear: left; margin-top: 10px; margin-left: 150px; margin-bottom: 20px; } #form input[type="checkbox"], #form #rememberme, #goto #rememberme { margin-left: 0px; } #form #ff-company-r , #goto#ff-company-r { width: 30em; } #form #ff-time { width: 3.33em; } #form #ff-date2 { width: 6em; } #form #ff-email-r, #form #ff-address-1, #form #ff-address-2, #goto #ff-email-r, #goto #ff-address-1, #goto #ff-address-2 { width: 20em; } form input#ff-fleet-size, form input#ff-fleet-size-r, form input#ff-revenue, form input#ff-employees { width: 4em } #form h2, #goto form h2 { padding-bottom: 10px; } #form h3, #goto form h3{ clear: left; margin-bottom: 0.5em; } #form form .missing, #goto form .missing, p.missing { color: red; } #form .checkbox-label, #goto .checkbox-label { vertical-align: bottom; } #form #content-main a.main, #goto #content-main a.main { display: inline; } /* go7000 landingpage */ #form_go7000 #ff-country-r, #form_go7000 #ff-fleetsize, #form_go7000 #ff-message, #form_go7000 #ff-email-r { width:137px; } .grey { background-color:#eeeeee } #product-category .col ul { margin-top: 2px; } #product-inthebox .col-box-1 ul { list-style: none; padding: 0; margin: 0; } #product-inthebox .col-box-1 li { list-style: none; padding: 0 0 10px 0; margin: 0; } /* goto - landing pages */ #goto h2 { padding-bottom: 10px; } #goto #container-main #content { width: 950px; } #goto #container-main #content #content-main { width: 950px; } #goto #container-main #content #content-main #col-1 { float: left; width: 230px; margin-right: 10px; overflow: hidden; } #goto #container-main #content #content-main #col-2 { float: left; width: 700px; margin-right: 10px; overflow: hidden; } #goto #container-main #content #content-main #col-3 { float: left; width: 230px; overflow: hidden; } #goto #col-1 .col-image { float: left; width: 40px; overflow: hidden; } #goto #col-1 .col-text { float: left; margin-top: -2px; width: 190px; overflow: hidden; } /* #goto #col-1 h2 { color: #00418a; } */ #goto #col-1 h2 { color: #000; } /* login_page - status_msg */ .status_msg { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: rgb(255, 0, 0);} .status_msg a { color: #ff0000; font-weight: bold; text-decoration: none; } .status_msg a:hover { text-decoration: underline; } .sysprob_msg { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: rgb(255, 0, 0);} body.status_msg { background-color: #666666;} #new-webfleet { margin-bottom: 20px; padding-bottom: 3px; height: 130px; background: transparent url(../10001/img/branding/bg_yellow_170x130.gif) no-repeat 0 100%; } #new-webfleet .featured-top { padding: 10px 0 0 10px; } #new-webfleet .featured-content h3 { color:#ff0000;} #new-webfleet .featured-content { font-weight:bold; margin-left: 10px; width: 160px; overflow: hidden; } /*#newlogin { position: relative; width: 230px; height: 107px; overflow: hidden; background: transparent url(../10001/img/branding/bg_newlogin.jpg) no-repeat; margin:0px 0 10px 0;} #newlogin h3 {font: 11px/13px Verdana, Arial, Helvetica, sans-serif; margin: 3px 0 0 60px; font-weight: bold; color: #0b333c; } #newlogin .para {font: 11px/13px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 10px 0 0 38px; color: #0b333c;} #newlogin .link a {display:block; color:white; font-weight:bold; margin: 14px 0 0 122px; text-decoration: none;} */ /* #home #col-2 .col-text { float: left; width: 400px; overflow: hidden; } #home #col-2 .col-text a { text-decoration: none; } #home #col-2 .col-text a:hover { text-decoration: underline; } #home #col-2 .col-date { float: left; width: 60px; overflow: hidden; font-weight: bold; } */ /* sw-update */ .sw-update-header, .sw-update-spacer, .sw-update-footer { width:580px; } .sw-update-header { height:10px; _margin-bottom: -4px; background: transparent url(/10001/lib/img/branding/bg_grey_580_header.gif) no-repeat 0 0; } .sw-update-spacer { background: url(/10001/lib/img/branding/bg_grey_580_spacer.gif) repeat-y; overflow:hidden; } .sw-update-spacer .step { width:580px; float:left; margin: 15px 0 0 10px; } .sw-update-spacer .step .left-col { float:left; width: 250px; height: 25px; } .sw-update-spacer .step #firstStep { background: transparent url(/10001/lib/img/icons/firstStepActive.gif) no-repeat 0 0; } .sw-update-spacer .step #secondStep { background: transparent url(/10001/lib/img/icons/secondStep.gif) no-repeat 0 0; } .sw-update-spacer .step #thirdStep { background: transparent url(/10001/lib/img/icons/thirdStep.gif) no-repeat 0 0; } .sw-update-spacer .step .left-col h4 { margin: 0 0 0 25px; padding: 4px 0 0 0; } .sw-update-spacer .step .left-col h4.active { color:#ff0000; margin-right: 5px;} .sw-update-spacer .step .left-col h4.inactive { color:#c3c3c3; margin-right: 5px;} .sw-update-spacer .step .right-col { width: 325px; height: 25px; float:left; margin-left:5px; } .sw-update-spacer .step .right-col select { width:300px; margin: 4px 0 0 0; } .sw-update-spacer .step .right-col p { width:300px; padding: 4px 0 0 0; } .sw-update-spacer .step .right-col .selected { margin: 4px 0 0 0; height:20px; } .sw-update-spacer .mapversion { width:510px; height:10px; float:left; margin: 0 35px 0 35px; display:none; font-size:0.8em; margin-top: 15px;} .sw-update-spacer .mapversion table tr td img { border: 1px solid #d4d4d4;} .sw-update-spacer #downloadsource, #downloadsource2 { margin: 0 20px 0 15px; float:right; } .sw-update-footer { height:10px; background: url(/10001/lib/img/branding/bg_grey_580_footer.gif) no-repeat; } /* /sw-update */ /* map-purchase-form */ .submit_styled { height: 14px; margin-right: 10px; float:left; clear:left; display:inline; color:#545454; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; border: 2px outset #D4c0D8; padding:1px 9px 0 9px; text-decoration: none;} .get_left { display:block; width:220px; height:20px; float:left; font-weight:bold;} .get_left_serials { display:block; margin-left: 10px; width:210px; height:20px; float:left; font-weight:bold;} .get_right { display:block; width:360px; height:20px; float:left;} .get_right_bold { display:block; width:360px; height:20px; float:left; font-weight:bold;} #ttw-logo-maps, #signature, #read_agreement, #place_date, #agreement, #headline-print, #ordernumber-print, #faxto-print, #company_stamp, #overview { display:none; } .h_line { height:1px; background-color:#d6d6d6; width:100%; margin:5px 0 10px 0;} .box_grey_header_581 { width: 581px; height: 14px; background: transparent url(/10001/lib/img/branding/box_grey_header_581.gif) no-repeat; } .box_grey_spacer_581 { width: 551px; background: transparent url(/10001/lib/img/branding/box_grey_spacer_581.gif) repeat-y; overflow: auto; padding:0 15px 0 15px; } .box_grey_footer_581 { width: 581px; height: 14px; background: transparent url(/10001/lib/img/branding/box_grey_footer_581.gif) no-repeat; } .cursor { cursor: default} /* fleetcheck landingpage */ #fleetcheck {background: transparent url(../10001/img/branding/fleetcheck.jpg) no-repeat 0 0; color:#000; width:700px; font-size:1.3em;} #fleetcheck td.padding {padding: 0 10px 0 20px;} ul.check {list-style-type:none; list-style-image: url(../10001/img/icons/checked.png); list-style-position: outside; } ul.pdf {list-style-type: none; list-style-image: url(/10001/lib/img/icons/pdf_small.gif);} /* colors */ .red { color : #ff0000; } .box_grey_header_700 { width: 700px; height: 14px; background: transparent url(/10001/lib/img/branding/box_grey_header_700.gif) no-repeat; } .box_grey_spacer_700 { width: 670px; background: transparent url(/10001/lib/img/branding/box_grey_spacer_700.gif) repeat-y; overflow: auto; padding:0 15px 0 15px; } .box_grey_footer_700 { width: 700px; height: 14px; background: transparent url(/10001/lib/img/branding/box_grey_footer_700.gif) no-repeat; } .box_grey_shadow_header_421 { width: 421px; height: 20px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_header_421.gif) no-repeat; } .box_grey_shadow_spacer_421 { width: 406px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_spacer_421.gif) repeat-y; overflow: auto; padding-right:15px;} .box_grey_shadow_spacer_withBg_421 { width: 406px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_spacer_withBg_421.jpg) no-repeat; overflow: auto; padding-right:15px;} .box_grey_shadow_spacer_withBgBreeze_421 { width: 406px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_spacer_withBg2_421.jpg) no-repeat; overflow: auto; padding-right:15px;} .box_grey_shadow_spacer_withBgFuel_421 { width: 406px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_spacer_withBg3_421.jpg) no-repeat; overflow: auto; padding-right:15px;} .box_grey_shadow_footer_421 { width: 421px; height: 20px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_footer_421.gif) no-repeat;} .box_grey_shadow_header_331 { width: 331px; height: 35px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_header_331_benefit.gif) no-repeat; } .box_grey_shadow_header_331_fuel { width: 331px; height: 35px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_header_331_fuel.gif) no-repeat; } .box_grey_shadow_spacer_331 { width: 316px; overflow: auto; padding-right:15px;} .box_grey_shadow_spacer_331 ul li { list-style: url(/10001/lib/img/icons/tick_small.gif) } .box_grey_shadow_spacer_331 div#truck ul li { list-style: url(/10001/lib/img/icons/block.jpg) } .box_grey_shadow_footer_331 { width: 331px; height: 20px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_footer_331.gif) no-repeat;} .box_grey_shadow_header_331 h3 { margin: 6px 0 0 60px; } .box_grey_header_331 { width: 331px; height: 11px; background: transparent url(/10001/lib/img/branding/box_grey_header_331.gif) no-repeat; } .box_grey_spacer_331 { width: 316px; overflow: auto; padding-right:15px; background-color:#e9e9e9;} .box_grey_footer_331 { width: 331px; height: 11px; background: transparent url(/10001/lib/img/branding/box_grey_footer_331.gif) no-repeat;} .box_grey_shadow_header_591 { width: 591px; height: 35px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_header_591_benefit.gif) no-repeat; } .box_grey_shadow_spacer_591{ width: 576px; overflow: auto; padding-right:15px;} .box_grey_shadow_spacer_591 ul li {list-style: url(/10001/lib/img/icons/tick_small.gif);} .box_grey_shadow_footer_591{ width: 591px; height: 20px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_footer_591.gif) no-repeat;} .box_grey_shadow_header_472 { width: 472px; height: 20px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_header_472.gif) no-repeat 0 0 } .box_grey_shadow_spacer_472 { width: 432px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_spacer_472.gif) repeat-y; overflow: hidden; padding: 0 20px 0 20px } .box_grey_shadow_footer_472 { width: 472px; height: 20px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_footer_472.gif) no-repeat 0 0 }.box_white_shadow_header_580 { width: 580px; height: 15px; background: transparent url(/10001/lib/img/branding/box_grey_shadow_header_580.gif) no-repeat 0 0 } .box_white_shadow_header_580_info { background: transparent url(/10001/lib/img/branding/box_white_shadow_header_580_info.gif) no-repeat 0 0 } .box_white_shadow_spacer_580 { background: transparent url(/10001/lib/img/branding/box_white_shadow_spacer_580.gif) repeat-y } .box_white_shadow_footer_580 { background: transparent url(/10001/lib/img/branding/box_white_shadow_footer_580.gif) no-repeat 0 0 } .box_blue_shadow_header_675_info { background: transparent url(/10001/lib/img/branding/box_blue_shadow_header_675_info.gif) no-repeat 0 0 } .box_blue_shadow_spacer_675 { background: transparent url(/10001/lib/img/branding/box_blue_shadow_spacer_675.gif) repeat-y } .box_blue_shadow_footer_675 { background: transparent url(/10001/lib/img/branding/box_blue_shadow_footer_675.gif) no-repeat 0 0 } .box_white_border_header_580_info { background: transparent url(/10001/lib/img/branding/box_white_border_header_580_info.gif) no-repeat 0 0 } .box_white_border_spacer_580 { background: transparent url(/10001/lib/img/branding/box_white_border_spacer_580.gif) repeat-y } .box_white_border_footer_580 { background: transparent url(/10001/lib/img/branding/box_white_border_footer_580.gif) no-repeat 0 0 } .box_white_shadow_header_580_info, .box_white_border_header_580_info { width: 580px; height: 38px; margin-top: 10px } .box_white_shadow_spacer_580, .box_white_border_spacer_580 { width: 580px; overflow: hidden; padding: 0 20px 0 20px } .box_white_shadow_footer_580, .box_white_border_footer_580 { width: 580px; height: 15px } .box_blue_shadow_header_675_info { width: 665px; height: 39px; margin-top: 10px } .box_blue_shadow_spacer_675 { width: 625px; overflow: hidden; padding: 0 20px 0 20px } .box_blue_shadow_footer_675 { width: 665px; height: 15px } .box_grey_header_591 { width: 591px; height: 10px; background: transparent url(/10001/lib/img/branding/box_grey_header_591_2.gif) no-repeat; } .box_grey_spacer_591{ width: 561px; overflow: auto; padding:0 15px 0 15px; background: transparent url(/10001/lib/img/branding/box_grey_spacer_591_2.gif) repeat-y;} .box_grey_footer_591{ width: 591px; height: 10px; background: transparent url(/10001/lib/img/branding/box_grey_footer_591_2.gif) no-repeat;} .box_blue_header_590 { width: 590px; height: 11px; background: transparent url(/10001/lib/img/branding/box_blue_header_590.gif) no-repeat 0 0 } .box_blue_footer_590 { width: 590px; height: 11px; background: transparent url(/10001/lib/img/branding/box_blue_footer_590.gif) no-repeat 0 0; margin-bottom: 10px } .box_blue_footer_590_gradient { width: 590px; height: 11px; background: transparent url(/10001/lib/img/branding/box_blue_footer_590_gradient.gif) no-repeat 0 0; margin-bottom: 10px } .box_blue_spacer_590 { width: 560px; background: transparent url(/10001/lib/img/branding/box_blue_spacer_590.gif) repeat-y; overflow: auto; padding:0 15px 0 15px; color: #ffffff } .box_blue_spacer_590_gradient { width: 560px; background: transparent url(/10001/lib/img/branding/box_blueGradient_spacer_h_1x108.gif) repeat-x; overflow: auto; padding:0 15px 0 15px; background-color:#74a8ce; margin-top:-1px; color: #ffffff } .box_blue_spacer_590_gradient h3, .box_blue_spacer_590 h3 { color: #ffffff } #connect-targetgroups #content-main .box_white_shadow_spacer_580 h3, #connect-targetgroups #content-main .box_white_border_spacer_580 h3 { display: block; width: 540px; margin-top: 5px } #connect-targetgroups #content-main .box_white_shadow_header_580_info, #connect-targetgroups #content-main .box_white_shadow_header_580_info { margin-top: 20px } #connect-targetgroups #content-main .box_white_shadow_spacer_580 p, #connect-targetgroups #content-main .box_white_border_spacer_580 p { display: block; width: 540px } .box_blueGradient_header_700 { width: 700px; height: 14px; background: transparent url(/10001/lib/img/branding/box_blueGradient_header_700.gif) no-repeat; } .box_blueGradient_spacer_700 { width: 670px; background: transparent url(/10001/lib/img/branding/box_blueGradient_spacer_h_1x108.gif) repeat-x; overflow: auto; padding:0 15px 0 15px; background-color:#74a8ce; margin-top:-1px;} .box_blueGradient_footer_700 { width: 700px; height: 14px; background: transparent url(/10001/lib/img/branding/box_blueGradient_footer_700.gif) no-repeat; } .box_blueGradient_header_591 { width: 591px; height: 14px; background: transparent url(/10001/lib/img/branding/box_blueGradient_header_591.gif) no-repeat; } .box_blueGradient_spacer_591 { width: 561px; background: transparent url(/10001/lib/img/branding/box_blueGradient_spacer_h_1x108.gif) repeat-x; overflow: auto; padding:0 15px 0 15px; background-color:#74a8ce; margin-top:-1px;} .box_blueGradient_spacer_591 table { color:#ffffff; background: transparent url(/10001/lib/img/branding/box_blueGradient_spacer_h_1x108.gif) repeat-x; } .box_blueGradient_spacer_591 ul.list-disc { color:#ffffff; } .box_blueGradient_spacer_591 ul.list-disc li.new sup{ color:#d11100; } .box_blueGradient_spacer_591 p { color:#ffffff; } .box_blueGradient_footer_591 { width: 591px; height: 14px; background: transparent url(/10001/lib/img/branding/box_blueGradient_footer_591.gif) no-repeat; } /* download guides | download forms */ .dl-guides-header, .dl-guides-spacer, .dl-guides-footer { width:760px; } .dl-guides-header { height:10px; _margin-bottom: -4px; background: transparent url(/10001/lib/img/branding/bg_grey_760_header.gif) no-repeat 0 0; } .dl-guides-spacer { background: url(/10001/lib/img/branding/bg_grey_760_spacer.gif) repeat-y; overflow:hidden; } .dl-guides-footer { height:10px; background: url(/10001/lib/img/branding/bg_grey_760_footer.gif) no-repeat; } #download_guides #firstStep, #download_guides #thirdStep, #download_guides #secondStep { width: 555px; height: 20px; } #download_guides #firstStep { background: transparent url(/10001/lib/img/icons/firstStepActive.gif) no-repeat 0 0; } #download_guides #secondStep { background: transparent url(/10001/lib/img/icons/secondStep.gif) no-repeat 0 0; } #download_guides #thirdStep { background: transparent url(/10001/lib/img/icons/thirdStep.gif) no-repeat 0 0; } #download_guides #firstStepLabel { display:block; height:20px; width:150px; padding: 4px 0 0 30px; color: #ff0000; font-weight: bold; } #download_guides #firstStepLabelForms { display:block; height:20px; width:320px; padding: 4px 0 0 30px; color: #ff0000; font-weight: bold; } #download_guides #secondStepLabel, #download_guides #thirdStepLabel { display:block; height:20px; width:150px; padding: 4px 0 0 30px; color: #C4C4C4; font-weight: bold; } #download_guides table { width:740px; margin-top: 15px } #download_guides table thead td { border-bottom:4px solid #DEDEDE; margin-bottom:10px } #download_guides table tbody tr td { cursor:default; border-bottom: 1px dotted #c4c4c4 } #download_guides form select { width:300px; } #download_guides table#download_forms tbody tr { height: 22px } /* system check */ #system-check tr.even { background-color:#ffffff;} #system-check tr.odd { background-color:#eeeeee;} #system-check tr th { border-bottom:4px solid #DEDEDE; margin-bottom:10px } #system-check tr th { border-bottom:4px solid #DEDEDE; margin-bottom:10px } #system-check tr th strong { font-size:11px; } /* speed landingpage */ #speed_right_col { margin-left:28px; width:331px; float:left } #speed_left_col { width:591px; float:left } #speed_right_col #brochure { margin: 15px 0 0 10px } .bullets { margin-left:-20px } .bullets ul li {list-style: url(/10001/lib/img/icons/tick_small.gif); margin: 0 0 20px 0} .note_left, .note_right { display:block; float:left; color:#999999; } .note_left { width:30px } .note_right { width:450px } .no_arrow_grey { color:#999999 } /* live services landingpage */ table#liveservices, table#liveservices_availability { width:700px } table#liveservices_availability tbody td { margin:auto; text-align:center } table#liveservices_availability .tick { background: transparent url(/10001/lib/img/icons/tick.gif) no-repeat center 1px } table#liveservices_availability tbody td.text-left { text-align: left } /* widget */ .dragme { cursor: move } #styled_popup { z-index: 1300; width: 380px; height: 280px; display:none; position: absolute; top: 0px; left: 150px; background-color:#ff0000 } #styled_popup table tr td.content { background-color: #000000; width: 380px; height: 257px; padding: 10px 10px 10px 10px } /* WF.connect relaunch */ /* #connect-full #container-main #content #content-main { margin-bottom: 30px; float: left; width: 760px; overflow: hidden } #connect-full #container-main #content #content-main .three-col .col { width: 243px; float:left; } #connect-targetgroups #container-main #content { margin-bottom: 30px; float: left; width: 580px; overflow: hidden } #connect-targetgroups #container-main #content #content-main .two-col .col { width: 280px; margin-right: 10px; float:left; } #connect-resources #content { width: 580px } #connect-resources #content-main h2, #connect-targetgroups #content-main h2 { padding-bottom: 10px } #connect-resources #content-main .col h2, #connect-targetgroups #content-main .col h2 { padding-bottom: 0 } #connect-resources #content-main #resources ul { list-style-type: none; padding: 0 0; margin-top: 20px } #connect-resources #content-main #resources ul li { clear: font-size: 1.2em; font-weight: bold; margin: 0 0 20px 0 } #connect-resources #content-main #resources ul li p { display: block; width: 540px; margin: 5px 0 0 0; font-weight: normal; font-size: 1em } #connect-resources #content-main #resources p ul { list-style-type: circle; } #connect-resources #content-main #standard ul { padding-left: 20px } #connect-resources #content-main #standard ul li p{ margin: 0 0 } #connect-resources .connect-list ul.list-disc { list-style-type: none; padding-left: 0 } #connect-resources .connect-list ul.list-disc li { clear: font-size: 1.2em; font-weight: bold; margin: 0 0 30px 0 } #connect-resources .connect-list ul.list-disc li p { display: block; width: 540px; margin: 5px 0 0 0; font-weight: normal; font-size: 1em } #connect-targetgroups .enduser { background-color: #ececec } #connect-targetgroups .enduser h3 { margin: 0 0; margin-bottom: 5px; cursor: pointer; color: #006699 } #connect-targetgroups .enduser ul { list-style-type: none; padding: 0 0; margin: 0 0; background: transparent url(/10001/lib/img/branding/featuredlist_spacer_280.jpg) repeat-x; _margin-bottom: -5px; } #connect-targetgroups .enduser ul li { clear:both; overflow: hidden; border-bottom: 1px dotted #c4c4c4; padding-left: 5px } #connect-targetgroups .enduser ul li:hover { background-color: #ececec; cursor: pointer } #connect-targetgroups .enduser ul li div { overflow: hidden; cursor: pointer; text-decoration: none; height: 80px; margin: 5px 0 5px 0; _margin-top: -8px } #connect-targetgroups #featured .enduser ul li div { overflow: hidden; cursor: pointer; text-decoration: none; height: 62px; margin: 5px 0 5px 5px; _margin-top: -8px } #connect-targetgroups .enduser ul li div img { float:left; cursor: pointer; margin-right: 10px; } #connect-targetgroups .enduser ul li div div.full { float:left; margin-top: 0px; width: 100%; cursor: pointer } #connect-targetgroups .enduser ul li div div.half{ float:left; margin-top: 0px; width: 200px; cursor: pointer } #connect-targetgroups #solCat .enduser ul li div div { float:left; margin-left: 10px; margin-top: 0px; width: 400px; cursor: pointer } #connect-targetgroups .more_solutions { clear:both; padding-top: 15px } #connect-targetgroups .integrators { background-color: #ececec } #connect-targetgroups .integrators h3 { margin: 5px 0 5px 5px; cursor: pointer; color: #006699 } #connect-targetgroups .integrators ul { list-style-type: none; padding: 0 0; margin: 0 0; background: transparent url(/10001/lib/img/branding/featuredlist_spacer_280.jpg) repeat-x; _margin-bottom: -5px } #connect-targetgroups .integrators ul li { clear:both; overflow: hidden; border-bottom: 1px dotted #c4c4c4 } #connect-targetgroups .integrators ul li:hover { background-color: #ececec; cursor: pointer } #connect-targetgroups .integrators ul li div { overflow: hidden; cursor: pointer; text-decoration: none; height: 70px; margin-bottom: 5px; _margin-top: -8px } #connect-targetgroups .integrators ul li div div { float:left; margin-top: 0px; width: 260px; margin: 0 0 0 5px; cursor: pointer } #connect-targetgroups #content-main-full { width: 760px; float:left } #connect-targetgroups #content-feature-full { width: 760px } #connect-targetgroups #content-feature-full .hide { display: none; } #connect-targetgroups #content-feature { width: 580px } #connect-targetgroups #content-580 { width: 580px; float:left } #connect-targetgroups #content-main .left-col { width: 500px; float: left; } #connect-targetgroups #content-main .right-col { width: 240px; float: left; margin-left: 20px } #connect-targetgroups #content-main .right-col table.solMatrix { width: 240px } #connect-targetgroups #content-main .right-col table.solMatrix tbody tr.tr_grey { background-color: #efefef } #connect-targetgroups #content-main .right-col table#solMatrix_1 { margin-bottom: 0px } #connect-targetgroups #content-main .right-col table#solMatrix_1 thead th:first-child, #connect-targetgroups #content-main .right-col table#solMatrix_1 tbody tr td:first-child { width: 70px; border: 0px; border-bottom: 1px solid #dedede } #connect-targetgroups #content-main .right-col table#solMatrix_2 thead th:first-child, #connect-targetgroups #content-main .right-col table#solMatrix_2 tbody tr td:first-child { width: 69px; border: 0px; border-bottom: 1px solid #dedede } #connect-targetgroups #content-main .right-col table.solMatrix tbody tr { height: 24px } #connect-targetgroups #content-main .right-col table.solMatrix tbody tr td { border: 1px solid #dedede } #connect-targetgroups #content-main .right-col table#solMatrix_1 tbody tr td.segment_1 { background: transparent url(/10001/lib/img/connect/segment1_border.gif) no-repeat 0 0; _background: transparent url(/10001/lib/img/connect/segment1_noborder.gif) no-repeat 0 0; background-color: #efefef } #connect-targetgroups #content-main .right-col table#solMatrix_1 tbody tr td.segment_2 { background: transparent url(/10001/lib/img/connect/segment2_border.gif) no-repeat 0 0; _background: transparent url(/10001/lib/img/connect/segment2_noborder.gif) no-repeat 0 0; background-color: #ffffff } #connect-targetgroups #content-main .right-col table#solMatrix_1 tbody tr td.segment_3 { background: transparent url(/10001/lib/img/connect/segment3_border.gif) no-repeat 0 0; _background: transparent url(/10001/lib/img/connect/segment3_noborder.gif) no-repeat 0 0; background-color: #efefef } #connect-targetgroups #content-main .right-col table#solMatrix_1 tbody tr td.segment_4 { background: transparent url(/10001/lib/img/connect/segment4_border.gif) no-repeat 0 0; _background: transparent url(/10001/lib/img/connect/segment4_noborder.gif) no-repeat 0 0; background-color: #ffffff } #connect-targetgroups #content-main .right-col table#solMatrix_1 tbody tr td.segment_other { background: transparent url(/10001/lib/img/connect/other_border.gif) no-repeat 0 0; _background: transparent url(/10001/lib/img/connect/other_noborder.gif) no-repeat 0 0; background-color: #efefef } #connect-targetgroups #content-main .right-col table.solMatrix thead th.col { border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; } #connect-targetgroups #content-main .right-col table#solMatrix_1 thead th.col { width: 20px; } #connect-targetgroups #content-main .right-col table#solMatrix_2 thead th.col { width: 43px; } #connect-targetgroups #content-main .right-col table.solMatrix thead th.last-col { width: 43px; background: transparent url(/10001/lib/img/connect/thead_roundedcorner_tr.gif) no-repeat 0 0 } #connect-targetgroups #content-main .right-col table.solMatrix thead th.first-col { background: transparent url(/10001/lib/img/connect/thead_roundedcorner_tl.gif) no-repeat 0 0 } #connect-targetgroups #content-main .right-col table.solMatrix tfoot tr { height: 13px } #connect-targetgroups #content-main .right-col table.solMatrix tfoot tr td.col { border-spacing: 0px; background: transparent url(/10001/lib/img/connect/tfoot_spacer.gif) repeat-x 0 0; border-left: 1px solid #dedede; border-right: 1px solid #dedede; } #connect-targetgroups #content-main .right-col table.solMatrix tfoot tr td.last-col { width: 43px; background: transparent url(/10001/lib/img/connect/tfoot_roundedcorner_br.gif) no-repeat 0 0 } #connect-targetgroups #content-main .right-col table.solMatrix tfoot tr td.first-col { background: transparent url(/10001/lib/img/connect/tfoot_roundedcorner_bl.gif) no-repeat 0 0 } #connect-targetgroups #content-main .right-col table#solMatrix_1 tfoot tr td.col { width: 20px } #connect-targetgroups #content-main .right-col table#solMatrix_2 tfoot tr td.col { width: 43px } #connect-targetgroups #content-main .right-col table#solMatrix_2 tbody tr td.wf_connect_software_for { background: transparent url(/10001/lib/img/connect/software_for_border.gif) no-repeat 0 0; _background: transparent url(/10001/lib/img/connect/software_for_noborder.gif) no-repeat 0 0; background-color: #efefef } #connect-targetgroups #content-main .right-col table#solMatrix_2 tbody tr td.wf_connect_solution_for { background: transparent url(/10001/lib/img/connect/solution_for_border.gif) no-repeat 0 0; _background: transparent url(/10001/lib/img/connect/solution_for_noborder.gif) no-repeat 0 0; background-color: #ffffff } #connect-targetgroups #content-main .right-col .solMatrixInfo { padding: 5px 0 7px 10px; font: 9px/11px Verdana, Arial, Helvetica, sans-serif} #connect-targetgroups #content-main .cases-overview img{ float:left; margin: 5px 10px 10px 5px } #connect-targetgroups #content-main-full .dl-guides-spacer { padding: 0 10px 0 10px } #connect-targetgroups #content-main-full #solCat .third-row .left-col { width: 485px; float:left; overflow: hidden } #connect-targetgroups #content-main-full #solCat .third-row .right-col { width: 250px; float:right; overflow: hidden } #connect-targetgroups #content-main-full #solCat .first-row, #connect-targetgroups #content-main-full #solCat .third-row { margin-bottom: 5px; width: 758px; overflow: auto } #connect-targetgroups #content-main-full form#solCat-form label { display: block; width: 100px; float:left } #connect-targetgroups #content-main-full form#solCat-form select { display: block; width: 150px; float:left } #connect-targetgroups #content-main-full form#solCat-form { height: 70px } #connect-targetgroups #content-main-full #solCat .first-row img { cursor: pointer } #connect-targetgroups #content-main-full #solCat form#solCat-form { width: 300px; float:left } #connect-targetgroups #content-main-full #solCat img#search_for_solutions { margin-top: 5px; float:right } #connect-targetgroups #content-main-full #solCat .dotted { height: 1px; width: 100%; background: transparent url(/10001/lib/img/icons/dotted.gif) repeat 0 0; clear:both; margin: 5px 0 5px 0 } #connect-targetgroups #content-main-full #solCat .second-row h2 { margin: 20px 0 0 0 } #connect-targetgroups #content-main-full #solCat #filter .list { margin-left: -10px } #connect-targetgroups #content-main-full #solCat #filter .list .list { margin-left: -20px } #connect-targetgroups #content-main-full #solCat #filter ul { margin: 0 0; color: #1965a1; font-weight: bold; list-style-type: none; list-style-image: url(/10001/lib/img/icons/folder.jpg) } #connect-targetgroups #content-main-full #solCat #filter ul li { margin: 3px 0 3px 0 } #connect-targetgroups #content-main-full #solCat #filter ul li ul { margin: 0 0; padding-left: -10px } #connect-targetgroups #content-main-full #solCat #filter ul li a.browse { color: #1965a1; text-decoration: none; } #connect-targetgroups #content-main-full #solCat #filter ul li a.browse:hover { color: #1965a1; text-decoration: underline; } #connect-targetgroups #content-main-full #solCat h2 { margin-top: 10px } */ /* #connect-standard #content h3 a, #connect-standard #content h3 { color: #006699; border: 0px; font-size: 12px; text-decoration: none } #connect-cases #content #content-main h3 a { color: #006699; border: 0px; font-size: 12px; text-decoration: none } #connect-cases #content #content-main h3 a:hover { text-decoration: underline } */ /*#connect-cases #content #content-main h3 { margin-top: 40px } #connect-cases #content #content-main a.main { float:right; display:block; margin-bottom: 30px }*/ /* #connect-standard .integrators ul li div.nocursor { margin-left: -5px; } #connect-standard .integrators ul li div.nocursor, #connect-standard .integrators ul li div.nocursor div, #connect-standard .integrators ul li div.nocursor div h3 { cursor: default; } #connect-standard p { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #545454; background-color: #fff; } */ .back { display: block; margin: 10px 0 10px 0; padding-left: 12px; background: transparent url(/10001/lib/img/icons/arrow_back_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; } body#reseller-area h3 { margin-top: 15px } /* case-studies country overview */ #case-country { width:180px; float:left; margin:0 10px 10px 0 } #case-country ul { padding-left: 13px; list-style-type: none; list-style-image: url(/10001/lib/img/icons/triangle_right.gif); } .no_padding { padding-bottom: 0px } /* workaround to center 1col in IE as well */ #center #content { clear:both; float:none; width:580px; margin:auto;} /* effizienz landingpage style */ form#effizienz input#ff-fleet-size, form#effizienz input#ff-milage-efficiency, form#effizienz input#ff-time-to-report-efficiency { width:60px } #reseller-area-full #content #content-main { width: 760px } #reseller-area-full #content #content-main .col-1 { float:left } #reseller-area-full #content #content-main .col-2 { float:left; margin-left: 10px; width:690px } /* hide content | installationvoucher */ .hide-content { width:1264px; height: 686px; position:absolute; top: 450px; left:0px; display: block; z-index:1001; background-color: #FFFFFF; filter:Alpha(opacity=65); -moz-opacity: 0.75; opacity: 0.75; } .hide-navigation { width:1264px; height: 200px; position:absolute; top: 0px; left:0px; display: block; z-index:2000; background-color: #FFFFFF; filter:Alpha(opacity=65); -moz-opacity: 0.75; opacity: 0.75; } /* move paras 15px to the left - only for dl section */ #downloads h3 { margin-bottom: 10px } #downloads .dl_margin p { margin-left: 15px } /* trucknavigation feedback page */ #goto #truck-feedback, #goto #truck-feedback h3, #goto #truck-feedback a { color: #ffffff } #goto #truck-feedback label { width: 250px; padding-right: 5px } #goto #truck-feedback p.clear { margin-bottom: 2px } #goto #truck-feedback #label-ff-trucknavigation-satisfied-why-r, #goto #truck-feedback #label-ff-trucknavigation-improvements, #goto #truck-feedback #label-ff-trucknavigation-recommend-r, #goto #truck-feedback #label-ff-trucknavigation-expectations-r, #goto #truck-feedback #label-ff-trucknavigation-satisfied-r, #goto #truck-feedback #label-ff-trucknavigation-drivers, #goto #truck-feedback #label-ff-trucknavigation-internal-drivers, #goto #truck-feedback #label-ff-trucknavigation-internal-satisfied, #goto #truck-feedback #label-ff-trucknavigation-internal-recommend, #goto #truck-feedback #label-ff-trucknavigation-internal-share-experiences, #goto #truck-feedback #label-ff-trucknavigation-expectations-yes { width: 630px; margin: 15px 0 3px 0 } #goto #truck-feedback input#ff-trucknavigation-internal-drivers { clear:left; } #goto #truck-feedback #label-ff-trucknavigation-expectations-why { width: 600px; margin: 0px 0 3px 0 } #goto #truck-feedback #label-ff-trucknavigation-weight, #goto #truck-feedback #label-ff-trucknavigation-weight-per-axle, #goto #truck-feedback #label-ff-trucknavigation-height, #goto #truck-feedback #label-ff-trucknavigation-length, #goto #truck-feedback #label-ff-trucknavigation-width, #goto #truck-feedback #label-ff-trucknavigation-maxspeed { width: 130px } #goto #truck-feedback input#ff-trucknavigation-weight, #goto #truck-feedback input#ff-trucknavigation-weight-per-axle, #goto #truck-feedback input#ff-trucknavigation-height, #goto #truck-feedback input#ff-trucknavigation-length, #goto #truck-feedback input#ff-trucknavigation-width, #goto #truck-feedback input#ff-trucknavigation-maxspeed { width: 50px } #goto #truck-feedback .textbook { width: 640px; border: 1px solid #334a5b; background-color: #4c6e87; margin: 20px 0 20px; padding: 10px 10px 10px 10px } #goto #truck-feedback h3 { margin: 0 0 15px 0; font-size: 1.5em } #goto #truck-feedback h4 { margin: 40px 0 10px 0; font-size: 1.1em } #goto #truck-feedback select#ff-trucknavigation-recommend-r, #goto #truck-feedback select#ff-trucknavigation-expectations-r, #goto #truck-feedback select#ff-trucknavigation-satisfied-r { float:left; clear:both } #goto #truck-feedback textarea { clear:both; width: 660px } #goto #truck-feedback input#ff-trucknavigation-drivers { width: 35px } #goto #truck-feedback .box_blue_shadow_spacer_675 { color: #545454 } #goto #truck-feedback .box_blue_shadow_spacer_675 h2 { color: #545454; margin: 5px 20px 0 0; padding-bottom: 4px } /*SW-Update */ #download-home { display:block; width:740px; padding: 0 0 0 0; font-size:0.8em; color:#666666 } #mapVerInfo { cursor: pointer; height: 13px } #mapVerInfoContentHeader { width: 740px; height: 5px; background: url(/10001/lib/img/branding/box_lilac_header_740.gif) no-repeat } #mapVerInfoContentSpacer { width: 740px; background-color: #7194bb; overflow: hidden; color: #ffffff; height: 13px } #mapVerInfoContentFooter { width: 740px; height: 5px; background: url(/10001/lib/img/branding/box_lilac_footer_740.gif) no-repeat } #loaderSWUpdate { position:absolute; width:740px; height: 80px; top: 220px; left:352px; display: block; z-index:1001; background: transparent url(/10001/lib/img/icons/loading.gif) no-repeat 370px 40px; background-color: #FFFFFF; background-image: url(/10001/lib/img/icons/loading.gif) no-repeat 0 0; filter:Alpha(opacity=65); -moz-opacity: 0.75; opacity: 0.75; font-size: 1.5em; font-weight: bold; text-align: center } .js-required { margin: 0 0 0 10px; font-size:0.8em; color:#999999 } /* Error page */ form#wrongRequest { margin-top: 20px } form#wrongRequest p#get span { float:left; width: 80px } form#wrongRequest p#get span.get_left { font-weight: normal } form#wrongRequest label { width: 170px } form#wrongRequest input#ff-submit { margin: 10px 0 20px 170px } table#spec { background-color: transparent } .line { clear:both; font-size:11px; overflow:hidden; position:relative } .icon-list { display:block; padding-left: 10px } .icon-list li { list-style: none outside; height: auto !important; margin: 10px 0; min-height: 50px } .icon-list li img { float:left; margin-right: 1em } /*.icon-list .list-disc { margin-left: 30px }*/ .icon-list .list-disc { padding: 0; margin: 0 } .icon-list .list-disc li { list-style: none outside; padding: 0 20px 8px 0; } .icon-list ul.list-disc { margin-left: 28px } .icon-list h4 { margin-bottom:0; font:bold 12px/1.5 Verdana; } .icon-list p { margin-left: 28px; margin-bottom:0 } .getstarted-header { width:100%; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; clear:both } .getstarted-col { width: 50%; float:left } .hidden { display:none !important; } .download { position: relative; width: 100%; } .download-table { background:url(/10001/lib/img/widget/download-now-bg_tcm166-1707.png) no-repeat transparent; display:table; margin-bottom:5em; position:relative; width:100%; height: 220px } .download-table ul { margin: 0; } .download .device-list { float:left; padding:0px 0 10px 0; width:50%; /*height: 220px*/ } .device-list li { padding-top:10px; list-style:none outside none; font-weight: bold; } .device-list img { display:block; } .device-list p { padding-left:10px; } .download-button { float:left; font-size:10px; position:relative; width:49%; } .inner { margin-top: 73px } .download-button .sub { margin-top: 10px; } .download-button .sub a { text-decoration: underline; color:#737373; } .download-button a { color:#737373; text-decoration:none; } .download-button .title { color:#FFFFFF; display:block; font-size:20px; font-weight:normal; line-height:20px; padding-left:10px; } .download-button .os.windows { background-image:url(/10001/lib/img/icons/windows_tcm166-1848.gif); } .download-button .os.mac { background-image:url(/10001/lib/img/icons/mac_tcm166-1784.gif); } .download-button .os.linux { background-image:url(/10001/lib/img/icons/linux_tcm166-1769.gif); } .download-button .os { background:url(/10001/lib/img/icons/windows_tcm166-1848.gif) no-repeat scroll 0 0 transparent; color:#FFFFFF; display:inline-block; line-height:20px; margin:3px 0 0 8px; } .download-button .os { color:#FFFFFF; padding-left:23px; } .other-os-content ul{ list-style-type: none; padding-left:5px; margin: 10px 0 } .truckbenefits ul { margin-left: 15px } .truckbenefits ul.list-disc { margin: 0 0 0 25px; padding: 0 0 } .truckbenefits ul.list-disc li { margin: 0 0; padding: 0 0; list-style-type: disc } /* HEADER OLD */ #header { position:relative; z-index:1 !important; width:950px; height:76px; margin:0 0 20px; font-size:11px; } #header.small { height: 30px; } #header fieldset { margin:0; padding:0; border:0; } #header img { float:right; margin: 25px 14px 0 0 } /* TTW LOGO */ #go-to-home { display:block; position:absolute; top:10px; left:5px; } #go-to-home #logo { display:block; margin:0; width:230px; height:30px; text-indent:-5000px; background:url(/10001/lib/img/branding/ttb-logo.png) no-repeat scroll 0 0 transparent; } /* COUNTRY SELECTOR */ #i18n-navigation { position:absolute; top:62px; right:13px; z-index: 9999 } #i18n-select { border:none; outline:none; } #language-selector{position:absolute;right:12px;top:50px;background:transparent url(/10001/lib/img/background_lang_sel_outline.gif) no-repeat bottom right;z-index:2000;} #language-selector strong{display:block;margin-bottom:8px;border:1px solid #f00;border-bottom:0 none;padding:2px 10px 4px 5px;font-size:11px;font-weight:bold;color:#f00;} /* HP BANNER */ #hp-banner { margin-bottom: 10px } /* GLOBAL NAV */ #main-navigation { margin:0; padding:0; list-style-type:none; width:950px; height:28px; background:transparent url(/10001/lib/img/elements/globalnav_bg.gif) repeat-x scroll left top; position:absolute; top:48px; } #main-navigation li { float:left; padding-top:2px; } #main-navigation a { background-color:#7E7E7E; border-right:1px solid #545454; border-left:1px solid #A3A3A3; color:white; display:block; float:left; height:25px; line-height:23px; padding:0 15px; text-decoration:none; } #main-navigation a:hover { background-color:#545454; } .line { position:relative; overflow:hidden; font-size:11px; clear:both; }