/* GENERIC TomTom page layout */
body { margin: 0; padding: 0; text-align: center; }
#container { margin: 0 auto; width: 950px; 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; }
#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 .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: 20px; 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-bottom: 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.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.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 { 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: 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(../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(../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; }
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/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/tomtom_payoff.gif); background-repeat:no-repeat; width: 230px; height: 30px; }
#lang { position: absolute; left: 740px; top: 80px; z-index: 1100; width: 200px; }
#lang select { float: right; }
#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/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/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: 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(../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 .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: 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(../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/footer_bg_large.gif) repeat-x top left; 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; }
#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; }
.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 */
#home #content-feature { width: 950px; height: 275px; }
#home h2 { clear: both; }
#home .promotion, #home .featured { margin-bottom: 5px; width: 230px; height: 131px;}
#home .featured { background: url(../img/branding/home_featured_bg.gif) no-repeat 0 0;}
#home #col-1 .col-image { float: left; width: 10px; overflow: hidden; }
#home #col-1 .col-text { float: left; margin-top: -2px; width: 10px; 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; }
#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: 10px; 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("../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; }

TD.invoice { font-size:8pt; }
TD.invheader { font-size:8pt; font-weight:bold;	vertical-align:bottom; }