/* GENERIC TomTom page layout */ body { margin: 0; padding: 0; text-align: center; } #container { margin: 0 auto; width: 960px; text-align: left; } #container-masthead { position: relative; margin-bottom: 20px; width: 950px; height: 107px; overflow: hidden; } #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; } #container-main #content #content-main .section { float: left; margin-bottom: 25px; border:0px solid gray;} #container-main #content #content-main .one-col { float: left; width: 570px; margin-right: 10px; overflow: hidden; border:0px solid gray;} #container-main #content #content-main .two-col .col { float: left; width: 280px; margin-right: 10px; 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: 0px auto 20px width: 950px; height: 48px; overflow: hidden; } #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; } 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 */ 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.separated li a.lastChild { border-bottom: none; } 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(../img/icons/arrow_grey.gif) no-repeat 0 0.48em; text-decoration: none; } ul.arrow li a:hover { text-decoration: underline; } ul.arrow-back { margin: 0; padding: 0; } ul.arrow-back li { list-style-type: none; display: inline; font-size: 10px; } ul.arrow-back li a { display: block; padding-left: 12px; background: transparent url(../img/icons/arrow_back_grey.gif) no-repeat 0 0.48em; text-decoration: none; } ul.arrow-back li a:hover { text-decoration: underline; } .feedback-error { color:#F00;} ul.tick { margin: 0; padding: 0; } ul.tick li { list-style-type: none; padding: 0 0 10px 26px; background: transparent url(../img/icons/tick.gif) no-repeat 0 1px; } ul.tick-small { margin: 0 0 10px 0; padding: 0; } ul.tick-small li { list-style-type: none; padding-left: 17px; background: transparent url(../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(../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(../img/icons/arrow_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; } a.main:hover { text-decoration: underline; } a.back { display: block; margin-bottom: 10px; padding-left: 12px; background: transparent url(../img/icons/arrow_back_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; } a.back:hover { text-decoration: underline; } a.button { font-family: Verdana, Arial, Helvetica, sans-serif; display: block; float: left; margin-right: 10px; padding-left: 10px; background: transparent url(../img/branding/button.gif) no-repeat 0 0; height: 18px; line-height: 18px; 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(../img/branding/button.gif) no-repeat 100% 0; color: #545454; font-weight: bold; } .input-button { display: block; float: left; padding-left: 0px; background: transparent url(../img/branding/button.gif) no-repeat 0 0; height: 18px; } .input-button input { display: block; float: left; padding-right: 8px; padding-left: 5px; padding-bottom: 2px; position: relative; left: 2px; background: transparent url(../img/branding/button.gif) no-repeat 100% 0; border: none; line-height: 15px; font-size: 10px; font-weight: bold; text-decoration: none; white-space: nowrap; height: 18px;} .input-button input:hover { cursor: hand;} 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(../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-link:hover { 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.image-left { float: left; display: block; margin: 0 10px 0 0; } img.image-right { float: right; display: block; margin: 0 0 0 10px; } 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; } tbody, tfoot { font-size: 10px; } 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 { background: #464646 url(../img/branding/masthead_bg.gif) repeat-x top left; } /* #logo { position: absolute; top: 18px; left: 13px; } #logo span { position: relative; top: -13px; left: 101px; display: block; text-indent: -5000px; background: url(../img/branding/tomtom_payoff.gif); background-repeat:no-repeat; width: 230px; height: 30px; } */ #lang { position: absolute; left: 818px; top: 80px; z-index: 1100; width: 122px; } #lang select { float: right; } #lang option:disabled { color: #f00; font-weight: bold; background-color: #fff; } #skip-nav { position: absolute; left: -1000em; width: 30em; } #global-nav { position: absolute; left: 0; top: 75px; z-index: 1000; width: 950px; height: 28px; background: transparent url(../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(../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(../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(../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(../img/icons/localnav/generic02_g.gif) no-repeat 0 6px; } #local-nav li li a.active { border: none; background: transparent url(../img/icons/localnav/generic02_b.gif) no-repeat 0 6px; } #local-nav li li a.allinone { background: transparent url(../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: underline; cursor: pointer; } #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(../img/icons/localnav/generic03_g.gif) no-repeat 0 4px; line-height: 13px; } #local-nav li li li a.active { background: transparent url(../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 a { margin-left: 21px; border: none; padding-left: 16px; background: transparent url(../img/icons/localnav/generic03_g.gif) no-repeat 0 4px; line-height: 13px; } #local-nav li li li li a.active { background: transparent url(../img/icons/localnav/generic03_b.gif) no-repeat 0 4px; } #local-nav .group li{border-top:1px solid #dedede;border-bottom:0 none;} #local-nav .subsub.fold {display:none;} #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(../img/branding/sidebar_featured_bg.gif) no-repeat 0 100%; } #local .featured-top { padding: 10px 0 0 10px; background: transparent url(../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(../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(../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(../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(../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(../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(../img/branding/tab.gif) no-repeat 100% 0; } #tab-nav li a.active { background: transparent url(../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(../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: 249px; 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: #000; 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(../img/branding/feature_2/bg_GO700.gif) no-repeat 0 0; } #content-feature .go500 { width: 760px; height: 275px; background: transparent url(../img/branding/feature_2/bg_GO500.gif) no-repeat 0 0; } #content-feature .go300 { width: 760px; height: 275px; background: transparent url(../img/branding/feature_2/bg_GO300.gif) no-repeat 0 0; } #content-feature .rider { width: 760px; height: 275px; background: transparent url(../img/branding/feature_2/bg_Rider.gif) no-repeat 0 0; } #content-feature .nav5 { width: 760px; height: 275px; background: transparent url(../img/branding/feature_2/bg_Nav5.gif) no-repeat 0 0; } #content-feature .mob5 { width: 760px; height: 275px; background: transparent url(../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-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(../img/branding/sidebar_featured_bg.gif) no-repeat 0 100%; } #content-sidebar .featured-top { padding: 10px 0 0 10px; background: transparent url(../img/branding/sidebar_featured_bg.gif) no-repeat 0 0; } #content-sidebar .featured-content { margin-left: 10px; width: 160px; overflow: hidden; } #container-footer { background: transparent url(../img/branding/footer_bg_large.gif) repeat-x top left; text-align: center; margin:auto; } #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; } #expand-collapse .item { border-bottom: 1px solid #dedede; } #expand-collapse .item-header { display: block; padding-left: 12px; background: transparent url(../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(../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(../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; } .no-border-bottom {border-bottom: none !important;} .float-left { float: left; } .float-right { float: right; } .clear-left { clear: left; } .clear-both { clear: both; } 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 */ #content #content-feature { width: 760px; height: 275px; } #content #plus_products #content-feature { width: 570px; height: auto; } #home #content-feature { width: 950px; height: 275px; } #home h2 { clear: both; } #home .promotion { margin-bottom: 5px; width: 230px; height: 131px;} #home .featured .featured-top { background:transparent url(../img/branding/featured_bg2.gif);} .featured .featured-top { padding:10px 0pt 0pt 15px;} #home .featured { background-image:url(../img/branding/featured_bg2.gif); margin-bottom:10px;} .featured { background:transparent url(../img/branding/featured_bg5.gif) no-repeat scroll 0pt 100%; margin-bottom:20px; padding-bottom:1px;} #home #col-1 .col-image { float: left; width: 40px; overflow: hidden; } #home #col-1 .col-text { float: left; margin-top: -2px; width: 190px; overflow: hidden; } #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: 60px; overflow: hidden; font-weight: bold; } #home #col-3 p { margin: -3px 0 7px 0; font-size:10px !important; } #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: 0px 15px 0px 15px; } #home #joblist h2 { border: none; line-height: 15px; } #home #joblist #joblist_container { position: relative; top: -6px; width: 200px; height: 80px; overflow: hidden; } .international #content-feature {background:url(../img/headers/international.jpg)} .international #county-selector {position:absolute;left:42px;top:72px;} .international #county-selector-text{display:block;margin-bottom:30px;} .international #county-selector-locations div.region,.international #county-selector-locations div.countries{float:left;} .international #county-selector-locations div.countries{padding-right:28px;} .international #county-selector-locations div.region strong{color:#f00;padding-right:28px;display:block;margin-bottom:5px;} .international #county-selector-locations div.region a{color:#fff;text-decoration:none;display:block;} .international #county-selector-locations div.region a:hover{text-decoration:underline;} #language-selector{position:absolute;right:12px;top:50px;background:transparent url(../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;} #products-chart a.button { float: none; margin-left: 2px; } #products-chart a.button span { float: none; } #products-chart #container-main #content #content-main { overflow: visible; } #products-chart #container-main #content #content-main .one-col { width: 750px;} #products-chart table { margin-bottom: 20px; width: 100%; border-collapse: collapse;} #products-chart table.center { text-align: center; } #products-chart table.center th { text-align: left; } #products-chart th, #products-chart td { padding: 5px 0px;} #products-chart thead td { font-size: 9px; } #products-chart tbody, #products-chart tfoot { font-size: 9px; } #products-chart tbody tr.uneven { background-color: #f2f2f2; } #products-chart tbody th { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } #products-chart tbody td { border-left: 1px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;} #products-chart tfoot td { border-left: 1px solid #dedede; } #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; } #product-features .back-button{float:right;} #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("../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("../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; } #legal-page #content { width:950px; } #legal-page #sub-column { display:block; height:350px; width:300px; padding-right: 15px; text-align:left; float:left; } TD.invoice { font-size:8pt; } TD.invheader { font-size:8pt; font-weight:bold; vertical-align:bottom; } /* myAccount box */ .featured-2 {margin-bottom:20px; padding-bottom:1px; background: transparent url(../img/branding/featured_bg5.gif) no-repeat 0 100%;} .featured-2 .featured-top {padding: 10px 0 0 15px; background: transparent url(../img/branding/featured_bg5.gif) no-repeat 0 0;} .featured-2 .featured-content {margin-left:15px; width:150px; overflow:hidden;} .featured-2 .featured-content ul.arrow {margin-top:-6px; font-size:10px; line-height:12px; padding-bottom:6px;} .featured-2 .featured-content ul.arrow li a {background-position: 0 8px;} #home .featured-2 {margin-bottom:10px; background-image:url(../img/branding/featured_bg2.gif); } #home .featured-2 .featured-top {background:url(../img/branding/featured_bg2.gif); } #home .featured-2 .featured-content {width:200px;} .featured-3 {margin-bottom:20px; padding-bottom:1px; background: transparent url(../img/branding/featured_bg4.gif) no-repeat 0 100%;} .featured-3 .featured-top {padding: 10px 0 0 15px; background: transparent url(../img/branding/featured_bg4.gif) no-repeat 0 0;} .featured-3 .featured-content {margin-left:15px; width:150px; overflow:hidden;} .featured-3 .featured-content a.button {margin:5px 0 15px 0; } .featured-3 .featured-content div.clear {clear:both; height:1px; overflow:hidden;} .featured-3 .featured-footer {margin-top:5px; margin-left:15px; } .featured-3 .featured-footer a.main { margin-bottom:7px; font-size:10px; } .featured-3 p {margin:-3px 0 7px 0; font-size:10px !important;} .featured-3 input.log-in {width:144px;} #home .featured-3 {margin-bottom:10px; background-image:url(../img/branding/featured_bg4.gif); } #home .featured-3 .featured-top {background:url(../img/branding/featured_bg4.gif); } #home .featured-3 .featured-content {width:200px;} #home .featured-3 input.log-in {width:194px;} .featured-3-small {margin-bottom:20px; padding-bottom:1px; background: transparent url(../img/branding/featured_bg4_small.gif) no-repeat 0 100%;} .featured-3-small .featured-top {padding: 10px 0 0 15px; background: transparent url(../img/branding/featured_bg4_small.gif) no-repeat 0 0;} .featured-3-small .featured-content {margin-left:15px; width:150px; overflow:hidden;} .featured-3-small .featured-content a.button {margin:5px 0 15px 0; } .featured-3-small .featured-content div.clear {clear:both; height:1px; overflow:hidden;} .featured-3-small .featured-footer {margin-top:5px; margin-left:15px; } .featured-3-small .featured-footer a.main { margin-bottom:7px; font-size:10px; } .featured-3-small p {margin:-3px 0 7px 0; font-size:10px !important;} .featured-3-small input.log-in {width:144px;} #home .featured-3-small {margin-bottom:10px; background-image:url(../img/branding/featured_bg4_small.gif); } #home .featured-3-small .featured-top {background:url(../img/branding/featured_bg4_small.gif); } #home .featured-3-small .featured-content {width:200px;} #home .featured-3-small input.log-in {width:194px;} .featured-plus {margin-bottom:20px; padding-bottom:1px; width:180px; background:transparent url(../img/branding/featured_bg5.gif) no-repeat 0 100%;} .featured-plus .featured-top {padding-top:10px; background:transparent url(../img/branding/featured_bg5.gif) no-repeat 0 0;} .featured-plus .featured-content { margin-left: 0px !important; width: 180px !important;} .featured-plus .featured-content h3, .featured-plus .featured-content h4, .featured-plus .featured-content p, .featured-plus .featured-content ul {margin:0 0 7px 15px; width:150px;} .featured-plus .featured-content h4 {margin-bottom:0; font-size:10px; line-height:12px;} .featured-plus .featured-content h4 a {text-decoration:none;} .featured-plus .featured-content h4 a:hover {text-decoration:underline;} .featured-plus .featured-content p.separator {margin:0 0 4px 0; width:180px; border-color:#ccc;} .featured-plus .featured-content ul, .featured-plus .featured-content li.inactive, .featured-plus .featured-content {padding:0;} .featured-plus .featured-content ul li.active {list-style-type:none; padding-left:12px; background:transparent url(../img/icons/plus_active.gif) no-repeat 0 4px;} .featured-plus .featured-content ul li.inactive {list-style-type:none; padding-left:12px; background:transparent url(../img/icons/plus_inactive.gif) no-repeat 0 4px;} .featured-plus .featured-content ul li.activate {list-style-type:none; padding-left:12px; background:transparent url(../img/icons/plus_activate.gif) no-repeat 0 4px;} .featured-plus .featured-content ul li.empty {list-style-type:none; padding-left:0;} .featured-plus .featured-content .section-gradient {background:transparent url(../img/branding/section_gradient_bg.gif) no-repeat 1px 100%;} .featured-plus .featured-content .my-device {float:left; display:inline; width:73px; margin-right:0;} .featured-plus .featured-content .my-device-desc {margin-left:90px; margin-right:0; width:80px;} .featured-plus .featured-content .footer {margin:0 1px; padding:5px 14px 1px 14px; background-color:#f4f4f4; width:178px; voice-family: "\"}\""; voice-family:inherit; width:150px;} html>body .featured-plus .featured-content .footer {width:150px;} .featured-plus .featured-content .footer a.main {margin-bottom:5px;} .featured-plus .featured-content ul.arrow {clear:left;} .featured-plus .featured-content ul.arrow li a {background-position: 0 8px;} /* Special rules for plus service page to prevent TT Home page popup boxes getting under the plus sidepanel (ICTWEB-2126) */ #plus-service #content-main { overflow: visible !important; } #plus-service .one-col { overflow: visible !important;} /* Hack for IE6 because it needs the overflow */ * html #plus-service #content-main { overflow: hidden !important; } * html #plus-service .one-col { overflow: hidden !important;} #classics #content-feature img#feature-bg{display:block;} #classics #content-feature #feature-text{top:60px;left:325px;width:315px;} #classics #feature-text h2{border:0 none;font-size:24px;color:#000;} #classics #feature-text h3{margin:0 0 20px 0;border:0 none;font-size:14px;color:#726931;} #classics-list{width:584px;overflow:hidden;} #classics-list .container-item{float:left;margin:0 14px 10px 0;width:180px;} #classics-list .item{border:1px solid #f2f2f2;font-size:10px;} #classics-list .item h4{position:absolute;margin:0;padding:6px 12px;width:150px;font:bold 18px/1em Arial, Helvetica, sans-serif;color:#000;z-index:20;} #classics-list .item .product-image{position:relative;padding-top:28px;text-align:center;z-index:10;} #classics-list .item .product-image img{display:block;margin:0 auto;} #classics-list .item p{padding:0 14px;height:65px;overflow:hidden;} #classics-list .item a.main{margin-left:14px;} /* Product specific styles */ #product-212 h1, #product-268 h1 { color: white;} #product-229 h1 { color: white;} #product-260 h1 { color: white; font-size:18px; line-height:21px;} #product-260 h4 { color: white; font-size:13px ! important;} #product-286 h1 { color: white; font-size:18px; line-height:21px;} #product-286 h4 { color: white; font-size:13px ! important;} #product-285 h1 { color: white; font-size:18px; line-height:21px;} #product-285 h4 { color: white; font-size:13px ! important;} #product-283 h1 { color: white; font-size:18px; line-height:21px;} #product-283 h4 { color: white; font-size:13px ! important;} #product-282 h1 { color: white; font-size:18px; line-height:21px;} #product-282 h4 { color: white; font-size:13px ! important;} #product-281 h1 { color: white; font-size:18px; line-height:21px;} #product-281 h4 { color: white; font-size:13px ! important;} #product-280 h1 { color: white; font-size:18px; line-height:21px;} #product-280 h4 { color: white; font-size:13px ! important;} #product-278 h1 { color: white; font-size:18px; line-height:21px;} #product-278 h4 { color: white; font-size:13px ! important;} #product-276 h1 { color: white; font-size:18px; line-height:21px;} #product-276 h4 { color: white; font-size:13px ! important;} #product-237 h1 { color: white;} #content-feature .button { position:absolute; right:0px; bottom:0px;} #education-home #feature-text h1, #education #feature-text h1 { color:#fff;} #education #feature-text h1 { margin-top:15px;} #education-home #container-main #content .two-col,#education-home #container-main #content .three-col{width:780px;margin-right:-10px;margin-top:20px;} #education-home #container-main #content .two-col .col { float: left;width:370px;margin-right:20px;overflow:hidden;} #education-home #container-main #content .three-col .col { float: left;width:250px;margin-right:10px;overflow:hidden;} #education-home #container-main #content .two-col .col p {padding-right:50px;} #education-home h2 img{vertical-align:middle;} #education-home #feature-text,#education #feature-text{left:30px;top:30px;width:340px;} #education-home #feature-text h2,#education #feature-text h2{color:#fff;border:0 none;font-size:14px;} #education #content-main h2{font-size:20px;line-height:1.3em;color:#666;border:0 none;} #education #content-main h3,#education #content-main h4{border:0 none;} #education #content-main h3{font-size:14px;margin-bottom:1.2em;} #education #content-main h4{margin:0;clear:both;} #education .education-chapters a.main{padding:0 0 0 0;background-image:none;display:inline;} #education .education-chapters li{padding:0 0 15px 0;} #education #container-main #content #content-sidebar{overflow:visible;} #education .featured {position:relative;} #education .featured div.popup{position:absolute;right:50px;top:-30px;width:230px;padding-top:10px;background: url(../img/branding/popup_featured_bg.gif) no-repeat 100% 0;visibility:hidden;display:none;} #education .featured .popup-content{padding:0 10px 10px 10px;background: url(../img/branding/popup_featured_bg.gif) no-repeat 0 100%;} #education .featured .popup-content .close{float:right;padding-left:10px;background:transparent url(../img/icons/close_grey.gif) no-repeat 0 5px;font-weight:bold;text-decoration:none;} #education .featured .popup-content .close:hover{text-decoration:underline;} #education .featured a.popup{background-image:url(../img/icons/arrow_grey.gif)} #education .index{margin-bottom:20px;} #education .index a{text-transform:uppercase;font:bold 15px/1.2em Arial, Helvetica, sans-serif;letter-spacing:1px;margin-right:2px;} #education .index a.none{text-decoration:none;color:#999;} .top{float:right;margin-bottom:10px;font-size:10px;padding-right:10px;background:transparent url(../img/icons/arrow_up_grey.gif) no-repeat 100% 4px;} #page-error #container-main #content #content-main .section, #page-error #container-main #content #content-main .one-col { width:735px; } #page-error #container-main #content{ float:none; margin-left:15px; width:940px; } #page-error #container-main #content #content-main{ width:750px; } #page-error #container-main #content #content-sidebar{ padding-top:4px; } #page-error .link-list a{ font-weight:normal; } #media h1{border:0 none;} #media h4{margin:0;} #media #container-main #content #content-main {width:630px;} #media #container-main #content #content-main .three-col .two-col{width:352px;margin-right:8px;} #media #container-main #content #content-main .three-col .col{margin-top:-4px;width:258px;} .noplayer{background:transparent url(../img/media/mediaplayer_bg.gif) no-repeat left top;width:352px;height:288px;} .noplayer div{ padding:40px 20px; text-align:center; font-weight:bold; } ul.mediaList, ul.mediaList li{ margin:0; padding:0; list-style:none; } ul.mediaList li{ clear:left; padding-bottom:15px; } ul.mediaList li img{ margin-right:4px; margin-bottom:10px; float:left; border:4px solid #fff; } ul.mediaList a:hover img{ border-color:#dedede; } ul.mediaList li.active img{ border-color:#aaa; } ul.mediaList a{ font-weight:bold; } ul.mediaList li.active a{ text-decoration:none; } ul.mediaList p{ margin-bottom:2px; } ul.mediaList span{ display:block; } #usercontent #content-main { margin-top:30px; } #usercontent .youtube-movie { margin-left:120px; margin-bottom:45px; } #usercontent .youtube-movie h2 { border:none; font-size:20px; } #shops-motive #feature-text,#shops-motive-detail #feature-text{top:15px;left:15px;margin:0;padding:0;width:290px;color:#000;} #shops-motive #feature-text h4,#shops-motive-detail #feature-text h4{margin:0;font-size:11px;line-height:1.2em;padding:0;} #shops-motive #feature-text p,#shops-motive-detail #feature-text p{margin-top:0;} #shops-motive .intro{width:526px;} #shops-motive .brands{width:620px;margin-right:-40px;} #shops-motive .brand{float:left;margin-right:80px;margin-bottom:23px;width:223px;} #shops-motive .brand a,div.brand a span{color:#646464;text-decoration:none;} #shops-motive .brand a:hover,div.brand a:hover span{text-decoration:underline;} #shops-motive .brand img{display:block;} #shops-motive .brand .brandname{display:none;} #shops-motive .brand span.main{position:relative;display:block;float:right;line-height:1.2em;margin-top:-1.3em;padding-left:12px;background: transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em;font-weight:bold;} #shops-motive-detail #container-masthead{height:80px;} #shops-motive-detail #container-main{margin-left:95px;} #shops-motive-detail #container-main #content{margin-left:auto;margin-right:auto;text-align:left;} #shops-motive-detail #container-footer{width:760px;margin-left:95px;} #shops-motive-detail #footer-bar{width:760px;} #shops-motive-detail .three-col .col img{display:block;margin-bottom:30px;} div#container_personal_info { height:35px; padding: 0 0 0 17px; background:url(/lib/img/icons/persnav_right.gif) 939px 27px no-repeat; color: #4D4D4D; font-size: 0.9em; text-align:right; z-index: 2; } #container_personal_info div#persnav { float:right; height: 27px; padding:0 5px 0 10px; background:#fff url(/lib/img/icons/persnav_left.gif) no-repeat; } #persnav ul { list-style: none; padding: 7px 0 0 0; margin: 0; } #persnav ul li { display: inline; padding: 0 12px 0 12px; border-left: #4D4D4D 1px solid; } #persnav ul li#cart { border: none; } #persnav ul li#personalwelcome { border-left: #4D4D4D 1px solid; } #persnav ul li#mytomtom { padding-left: 24px; background: url(/lib/img/icons/mytomtom.gif) left no-repeat; } #persnav ul li { } .featured { background:transparent url(../img/branding/featured_bg5.gif) no-repeat scroll 0pt 100%; margin-bottom:20px; padding-bottom:1px;} .featured .actionimg{ float: left; margin: 0 5px 3px 0;} .featured .actiondiv{ float: right; width: 110px;} .actiondiv p{ margin: 0 0 3px;} .morelinks a.main { margin-bottom: 3px; margin-top: 0;} .featured .morelinks{ clear: both;} .featured .showonhover{ clear: both; border: solid #dedede; border-width: 1px 0 0 0; padding: 5px 0 0 0;} .showonhover .highlight{ font-weight: bold;} .icontext-shopping { background: url(/lib/img/icons/icon-shopping.gif) left center no-repeat; padding-left: 16px; } .space_height_15px {height:15px;} .space_height_5px {height:5px;} .featured-borderless { margin-bottom: 20px; padding-bottom: 3px; background: none; } .featured-top borderless{ padding: 10px 0 0 10px; background: none; } .featured-content borderless{ margin-left: 10px; width: 160px; overflow: hidden; } /** * 09-05-2008 Frank Kootte * Refactored the css and templates for the category pages */ /** * generic for item + boxshot item */ div.category-item { width:100%; overflow:auto; margin-bottom:20px; } div.category-item div.column-1 { width: 150px; float:left; margin-right:8px; } div.category-item div.column-2 { width: 280px; float:left; margin-right: 8px; } div.category-item div.column-3 { width : 120px; float:left; } div.category-item div.column-1 div, div.category-item div.column-2 div, div.category-item div.column-3 div { float:none; margin-bottom:10px; } div.category-item div.column-1 a { display:block; overflow:none; } div.category-item div.column-1 img.boxshot { display:block; } div.category-item div.column-2 ul { list-style-type: disc; margin:0px; padding:0px; list-style-position:outside; margin-left:15px; } /** * item suggestion css */ div.category-item div.suggestion { width:440px; overflow:none; float:right; } div.category-item div.suggestion div.bottom { width:100%; overflow:auto; background-image: url(/lib/img/range/background-suggestion-bottom.gif); background-position:bottom; background-repeat: no-repeat; padding-bottom:10px; } div.category-item div.suggestion div.top { background-image: url(/lib/img/range/background-suggestion-top.gif); height:11px; line-height:11px; float:none; margin:0px; } div.category-item div.suggestion div.margin { margin-left:20px; } /** * Styles for HD Traffic */ #hdtrafficbox { padding: 9px 0pt 10px; position: relative; margin: 0px 0pt 8px; } #hdtrafficbox h2 { font-size: 18px; padding-bottom: 5px; } #hdtrafficbox .date { font-size:10px; position:absolute; right:2px; top:18px; } #hdtrafficbox #hdt-overview .subtitle { font-weight: bold; line-height: 20px; margin-bottom: 5px; } #hdtrafficbox #images { position: relative; float: left; width: 160px; height: 152px; cursor: pointer; margin-bottom: 3px; } #hdtrafficbox #images #spacer { position: absolute; top: 0; left: 0; border: 0; width: 150px; height: 150px; border: 0; z-index: 200; } #hdtrafficbox table { width: 300px; line-height: 24px; margin-bottom: 10px; border-top: 1px solid #dedede; } #hdtrafficbox a.main { display: inline; } #hdtrafficbox .separated { border-bottom: 1px solid #dedede; } #hdtrafficbox .road { text-align: left; white-space: nowrap; } #hdtrafficbox .leftalign { text-align: left; padding-left: 3px; } #hdtrafficbox .rightalign { text-align: right; padding-right: 3px; } #hdtrafficbox .total { font-weight: bold; background-color: #f1f1f1; } /** Styles for Routes WebBox */ #routesbox-h { position: relative; padding: 9px 0 10px 0; margin: 0 0 8px 0; } #routesbox-h-container { position: relative; width: 470px; height: 187px; } #routesbox-h-image { position: absolute; top: 0; left: 0; width: 470px; height: 187px; } #routesbox-h-title { position: absolute; top: 10px; left: 18px; color: #8ac200; font-size: 18px; font-weight: 500; border: 0; } #routesbox-h-subtitle { position: absolute; top: 36px; left: 18px; color: #777777; font-family: arial; font-size: 12px; font-weight: 600; line-height: 20px; width: 200px; } #routesbox-h-form { position: absolute; top: 0; left: 0; padding: 0; margin: 0; } #routesbox-h .inputmask { position: relative; width: 197px; height: 18px; overflow: hidden; } #routesbox-h-input-from { position: absolute; top: 78px; left: 19px; } #routesbox-h-input-to { position: absolute; top: 109px; left: 19px; } #routesbox-h-from, #routesbox-h-to { position: absolute; width: 197px; height: 16px; top: -2px; left: -2px; margin: 0; padding: 4px; background: url(/lib/img/routes/routesbox/transparent.gif) 0 0 repeat; border-style: none; } #routesbox-h-submit { position: absolute; top: 148px; left: 50px; width: 138px; height: 20px; margin: 0; padding: 0; cursor: pointer; background: url(/lib/img/routes/routesbox/transparent.gif) 0 0 repeat; } #routesbox-h-submit-large { position: absolute; top: 0; left: 230px; width: 240px; height: 187px; margin: 0; padding: 0; cursor: pointer; background: url(/lib/img/routes/routesbox/transparent.gif) 0 0 repeat; } #routesbox-v { position: relative; padding: 9px 0 10px 0; margin: 0 0 8px 0; } #routesbox-v-container { position: relative; width: 180px; height: 259px; } #routesbox-v-image { position: absolute; top: 0; left: 0; width: 180px; height: 259px; } #routesbox-v-title { position: absolute; top: 10px; left: 10px; color: #8ac200; font-size: 15px; font-weight: 500; border: 0; } #routesbox-v-subtitle { position: absolute; top: 35px; left: 10px; color: #777777; font-family: arial; font-size: 11px; font-weight: 600; line-height: 20px; width: 165px; } #routesbox-v-form { position: absolute; top: 0; left: 0; padding: 0; margin: 0; } #routesbox-v .inputmask { position: relative; width: 197px; height: 18px; overflow: hidden; } #routesbox-v-input-from { position: absolute; top: 78px; left: 11px; } #routesbox-v-input-to { position: absolute; top: 109px; left: 11px; } #routesbox-v-from, #routesbox-v-to { position: absolute; width: 147px; height: 16px; top: -2px; left: -2px; margin: 0; padding: 4px; background: url(/lib/img/routes/routesbox/transparent.gif) 0 0 repeat; border-style: none; } #routesbox-v-submit { position: absolute; top: 149px; left: 10px; width: 136px; height: 20px; margin: 0; padding: 0; cursor: pointer; background: url(/lib/img/routes/routesbox/transparent.gif) 0 0 repeat; } #routesbox-v-submit-large { position: absolute; top: 175px; left: 0; width: 180px; height: 84px; margin: 0; padding: 0; cursor: pointer; background: url(/lib/img/routes/routesbox/transparent.gif) 0 0 repeat; } #container-main #content #content-main.product-category-page { width:760px; } #container-main #content #content-main.product-category-page .three-col .col { width:182px; } #container-main #content #content-main.product-category-page .three-col .col.last{ margin-right:0px; } /* extended footer */ #container-footer { height:auto; background:rgb(244, 244, 244); padding:40px 0px; } #container-footer a { text-decoration:none; } #container-footer a:hover { text-decoration:underline; }