html { text-align:left; }
body { font:12px/1.5 Verdana, Arial, Helvetica, sans-serif; color:#424542; margin:0; padding:0; text-align:center; background:#fff; }
body { zoom: 1 } /* IE hack to start with 100% */

input, 
select, 
textarea { font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; }

em, strong { font-weight:bold; }

a { color:#444; }
a:focus { outline: none; }
.wrapper { margin:0; padding:0; text-align:center; }
#content_wrapper,
.content_wrapper { margin:0 auto; width:950px; text-align:left; } /* being used for logos in header-clean-fullwidth */
#content_wrapper_wide { text-align:left; }
.pagewidth { width:950px !important; margin:0 auto !important; }
.wrapper.helpcenter { width:760px; margin:0 auto; text-align:left; }
.header { position:relative; height:127px; z-index:1; overflow:hidden; }

.single-col { position:relative; margin:0 0 40px; }
.single-col.no-script { margin: 15px 0 60px; }

.left-col { width:190px; float:left; font-size:11px; }
.left-col .nav,
.left-col .line { margin:0 15px 15px 0; }

.right-col { position:relative; width:760px; margin:0 0 40px; float:right; }

.main-left { float:left; width:80%; }

.clear { clear: both; }

h1,h2,h3,h4 { font-family:Arial, Helvetica, sans-serif; }
h1,.headline-color { color:#96b30c; }

form { margin:0; }
a img { border:0; }
/*the background here is to make the a clickable in IE - when there is time fix this*/
.landing-cta { background: url("/lib/img/elements/transparent.png"); display: block; position: absolute; right: 22px; top: 149px; width: 228px; height: 126px; }
.landing-cta span { position: absolute; left: -100000px; }

.international #content-feature {background:url(/lib/img/headers/international.jpg) repeat scroll 0 0 transparent;}
.international #county-selector {position:absolute;left:42px;top:72px;}
.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 { margin-top:50px }
.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(/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;}



/* PROMOBOX HOME */
/*.home-box.box-1of3 { background:url(/lib/img/elements/home_box_1of3.png) no-repeat scroll left top transparent; width:230px; }
.home-box.box-2of3 { background:url(/lib/img/elements/home_box_2of3.png) no-repeat scroll left top transparent; width:470px; }
.home-box.box-2of3-no-border { width:470px; background: #ffffff }
.home-box.box-2of3-no-border h2, .home-box.box-2of3-no-border p { color: #767676; }
.home-box.box-2of3-no-border h2 a { text-decoration: none }
.home-box.box-2of3-no-border a { color: #767676; }
.home-box.box-2of3 img { bottom:1px; }*/
/*.home-box.last { margin-right: 0px; }
.home-box.home h3 { background:url(/lib/img/elements/tt_home_text_bg.gif) no-repeat scroll 0 0 transparent; height:48px; margin-left:0; overflow:hidden; top:10px; width:254px; }
.home-box.home h3 span { color:white; display:block; line-height:16px; margin-left:12px; margin-top:7px; }*/
/*.home-box h2 { font-family: Arial; border:medium none; color:#424542; font-size:14px; line-height:21px; margin: 0 0; padding: 6px 12px; position:relative; z-index:2; }*/
/* .home-box h3, .home-box p { font-family: Arial; border:medium none; color:#747474; font-size:11px; line-height:16.5px; margin-bottom:0; margin-left:13px; position:relative; z-index:2; font-weight: normal } 
.home-box h3 { filter:Alpha(opacity=85); -moz-opacity: 0.90; opacity: 0.90; } */


/* HP BANNER */
#hp-banner { margin-bottom: 10px }
#home .wrapper { position: relative; }
.h1-home { margin: 5px 0 15px; }
#slideshow .h1-home { margin:0; padding:0; }
#slideshow { overflow: hidden; width: 950px; height: 275px; margin: 5px 0 15px; position:relative; }


/* QUICK LINKS */
#home-quick-links { position:relative; float:left; overflow:hidden; width:201px; padding:0; margin:2px 2px 0 29px; line-height:13px; font-size:16px; }
#home-quick-links h2 { border:none; color:rgb(51, 123, 177); margin-bottom:7px; line-height:13px; font-size:16px; margin-top:15px; }
#home-quick-links ul { margin:0; padding:0; list-style-type:none; }
#home-quick-links li { margin:0; padding:0; }
#home-quick-links a { color:#424542; display:block; font-size:11px; margin:0; padding:5px 0 9px 15px; text-decoration:none; background:url(/lib/img/elements/list-arrow.png?01) 2px 7px no-repeat; }
#home-quick-links a:hover { color:#000000; background-position: 2px -293px; text-decoration:underline; } 
.landing #home-quick-links { height:350px }
.left-col.landing #home-quick-links { width: 180px; margin-left:0; }
.sub-nav-header-home { padding-left:2px; }


/* PROMOBOX HOME */
.home-box { float:left; overflow:hidden; position:relative;  height:160px; margin-bottom:10px; margin-right:10px; }
.home-box.box-ctablock { background:url(/lib/img/elements/home_box_ctablock.png) no-repeat scroll left top transparent; width:260px; margin-right: 0px;}
a.home-box  { cursor:pointer; display:block; text-decoration:none; }
.home-box img.fullimg { bottom:1px; }
.home-box img { bottom:35px; display:block; float:left; position:absolute; right:1px; white-space:nowrap; z-index:1; }

#promoboxes { width:716px; float:left; position:relative; right:-5px; top:-5px; }
#promoboxes .home-box { display:block; text-decoration:none; width:238px; height:168px; margin:0 1px 1px 0; }
#promoboxes a { cursor:pointer; }
#promoboxes a:hover h2 { color:#000; }
#promoboxes a:hover p { color:#000; }
#promoboxes a:hover .outline { background-position:0 -168px; }
#promoboxes h2 { position:relative; z-index:40; font-size:14px; line-height:17px; font-weight:bold; margin:13px 14px 10px 14px; padding:0; color:#424542; }
#promoboxes p { position:relative; z-index:40; font-size:11px; line-height:15px; margin:0 15px 10px 15px; padding:0; color:#737573; }
#promoboxes img { position:absolute; z-index:20; margin:0; padding:0; right:5px; bottom:5px; }
#promoboxes .outline { z-index:30; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/lib/img/elements/promobox-outline.png) 0 0 no-repeat; }
#promoboxes .last { margin-right: 0px; }
#promoboxes.promo1of3 { width:238px !important; }

/* BLOG */
.home-box h2 { font-family: Arial; border:medium none; color:#424542; font-size:14px; line-height:21px; margin: 0 0; padding: 11px 14px; position:relative; z-index:2; }
.home-box h3, .home-box p { font-family: Verdana; border:medium none; color:#747474; font-size:11px; line-height:16.5px; margin-bottom:0; margin-left:13px; position:relative; z-index:2; font-style: normal; margin-top: 0 } 
.home-box.box-2of3 { background:url(/lib/img/elements/home_box_2of3.png) no-repeat scroll left top transparent; width:477px; height:168px; margin: -5px -4px 0 5px; }
.home-box.box-2of3:hover,
.home-box.box-2of3.hover { background-position:0 -168px; cursor:default; }
.home-box.box-2of3:hover h2,
.home-box.box-2of3.hover h2 { color:#000 !important; }
.home-box.box-2of3 img { bottom:1px; }
#slideshowblog.home-box img.blog { position: relative; z-index:1; }
#slideshowblog.home-box img.blog { position: relative; z-index:1; }
a img { border: none; }

#slideshowblog { overflow: hidden; }
#slideshowblog div.content { margin:30px 0 0 14px;  width:450px; height:90px; }
#slideshowblog div.thumb { position: relative; width:60px; height: 60px; overflow: hidden; float:left; margin: 10px 10px 10px 0px; padding-right: 10px }
#slideshowblog div.content p { display:block; height: 73px; margin: 7px 0px 0px 0px }
#slideshowblog a.more-info-link { margin: 4px 0 0 0px; font-size: 11px; }
#slideshowblog h3 { font-size: 12px; color: #424542; margin: 8px 0 0 0; padding:0; }
#nav2 { z-index: 51; position: absolute; bottom:10px; right:10px; }
#nav2 a { background: url("/lib/img/elements/slideShowButtons.png") no-repeat 0 0; display: inline-block; margin: 0 3px; padding: 0; width: 12px; height: 12px; }
#nav2 a.activeSlide,
/*#nav a.activeSlide:hover { background-position: 0 -44px; }*/
#nav2 a.activeSlide:hover { background-position: -12px 0; }
#nav2 a:hover { background-position: -12px 0; }
#nav2 a:focus { outline: none; }


/* SEO TEXT */
#infotext { clear:both; }
#infotext .home-box { cursor:default; margin:0; padding:0; float:left; width:460px; padding:30px 10px 30px 5px; }
#infotext h2 { margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; }
#infotext h2 a { color:#868686; text-decoration:none; }
#infotext p { color:#767676; margin:0; padding:0; font-size:11px; }
#infotext a { color:#767676; }
#infotext a:hover { color:#000; }
#infotext .home-box:hover h2 a,
#infotext .home-box:hover p { color: #000 !important; }
#infotext .last { }


/* lightbox */
#infowindow_overlay { background:#000; }
#infowindow_content { text-align:left; background:none; }

#infowindow_content .top,
#infowindow_content .btm { position:relative; margin:0 0 0 30px; height:30px; background:url(http://preprod-webproxy-live.almere.tomtom.com/global/images/dialog-white_tcm166-1700.png) 100% 0; }
#infowindow_content .btm { background-position:100% 100%; } 

#infowindow_content .tl,
#infowindow_content .bl { height:30px; width:30px; position:absolute; top:0; background:url(http://preprod-webproxy-live.almere.tomtom.com/global/images/dialog-white_tcm166-1700.png) 0 0; }
#infowindow_content .tl { left:-30px; background-position:0 0; }
#infowindow_content .bl { left:-30px; background-position:0 100%; }

#infowindow_content .middle { background:url(http://preprod-webproxy-live.almere.tomtom.com/global/images/dialog-left_tcm166-1698.png) repeat-y; padding:0 0 0 15px; }
#infowindow_content .ml { background:url(http://preprod-webproxy-live.almere.tomtom.com/global/images/dialog-white_tcm166-1700.png) 100% 50%; padding:5px 35px 0 20px; }

#infowindow_content .gray .top,
#infowindow_content .gray .btm,
#infowindow_content .gray .tl,
#infowindow_content .gray .bl,
#infowindow_content .gray .ml { background-image:url(http://preprod-webproxy-live.almere.tomtom.com/global/images/dialog-gray_tcm166-1697.png); }

#infowindow_content div.close { width:10px; height:10px; position:absolute; top:22px; right:22px; cursor:pointer; background:url(http://preprod-webproxy-live.almere.tomtom.com/global/images/dialog-close_tcm166-1695.gif); font-size:1px; }
#infowindow_content .loading {background:url(http://preprod-webproxy-live.almere.tomtom.com/global/images/loader-small_tcm166-1959.gif) no-repeat scroll center center transparent;}

/* FOOTER */
#container-footer { text-align:left; clear:both; position:relative; margin:0 auto; width:940px; padding:9px 1px; color: #424542; font-weight:bold; font-size: 9px; /*border-bottom: 1px solid #e1e1e1;*/ border-top: 1px solid #e1e1e1; }
#container-footer span { position:absolute; right:2px; top:9px; color: #e1e1e1; font-weight:normal; }
#container-footer span a { color:#424542; font-weight:bold; text-decoration:none; padding:9px 0; }
#container-footer span a:hover { text-decoration:underline; color:#000; }
#footer-social-media { float: left; position: relative; color: #424542; font-weight:bold; }
#footer-social-media p { color: #424542; display: inline; float: left; font-weight: bold; height: 13px; line-height: 13px; margin: 0 5px; }
#footer-social-media ul { display: inline-block; list-style: none outside none; margin: 0; padding-left: 5px; position:relative; top:-1px; }
#footer-social-media ul li { float: left; padding-right: 7px; }
#footer-social-media img { border: medium none; }
#footer-social-media ul li#yt { position:relative; top:-1px; }


/* SUB NAV */
.sub-nav-header, .sub-nav-header-home { font-family: Arial; color:#96b30c; font-size:16px; font-weight:bold; border:0; margin:0; border:0; }
p.sub-nav-header { font-family: Arial; color:#424542; padding:0 0 8px 8px; }
.sub-nav-header-home { margin: 9px 0; }

.sub-nav { /*margin:0 10px 10px 0 !important;*/ padding:0; }
.sub-nav ul { margin:0; padding:0; list-style-type:none; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.sub-nav ul li { margin:0; padding:1px 0 2px 0; background:url(/lib/img/elements/subnav-line-dotted.png) 0 bottom repeat-x; display:block; }
.sub-nav ul li a { padding:0; margin:0; display:block; text-decoration: none; }
.sub-nav ul li a span.wrap { padding:5px 28px 5px 8px; margin:0; display:block;  }
.sub-nav.hover ul li a span.wrap,
.sub-nav:hover ul li a span.wrap { background:url(/lib/img/elements/subnav-arrow.png) 154px 5px no-repeat; }
.sub-nav ul li a:hover { cursor:pointer; color:#000; background:url(/lib/img/elements/subnav-hover-bg.png) 0 0 repeat-y; }
.sub-nav ul li a:hover span.wrap { background-position:154px -111px; }
.sub-nav ul li.sel { background-image:url(/lib/img/elements/subnav-line-dotted-green.png); }
.sub-nav ul li.sel a { color:#9CB02C; font-weight:bold; }
.sub-nav ul li.sel a span.wrap { background:url(/lib/img/elements/subnav-arrow.png) 154px -227px no-repeat; }
.sub-nav ul li.last { background:none; padding-bottom:1px; }
.sub-nav ul li.sel ul { border:none; padding:2px 0 0 0; background:url(/lib/img/elements/subnav-line-dotted-green.png) 0 top repeat-x; }
.sub-nav ul li.sel ul li { padding:0; background:url(/lib/img/elements/subnav-sub-bg.png) 0 0 repeat-y; }
.sub-nav ul li.sel ul li a { margin:0; position:relative; z-index:50; color:#424542; font-weight:normal; position:relative; }
.sub-nav ul li.sel ul li a span.wrap { padding:3px 8px 3px 20px; font-size:11px; background:none; }
.sub-nav ul li.sel ul li a span.icon { z-index:100; position:absolute; width:16px; height:16px; left:8px; top:7px; background:url(/lib/img/elements/list-arrow.png?01) 0 0 no-repeat; }
.sub-nav ul li.sel ul li a:hover { margin:-2px 0; padding:1px 0; z-index:100; color:#000; background:url(/lib/img/elements/subnav-line-dotted-green.png) 0 0; }
.sub-nav ul li.sel ul li a:hover span.wrap { color:#000; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#eee url(/lib/img/elements/subnav-hover-bg.png) 0 0 repeat-y; }
.sub-nav ul li.sel ul li a:hover span.icon { top:9px; background-position: 0 -600px; }
.sub-nav ul li.sel ul li.first a:hover { padding-top:0px; margin-top:0px; }
.sub-nav ul li.sel ul li.first a:hover span.wrap { border-top:none; }
.sub-nav ul li.sel ul li.first a:hover span.icon { top:7px; }
.sub-nav ul li.sel ul li.sel { padding:0; background:url(/lib/img/elements/subnav-sub-bg.png) 0 0 repeat-y; }
.sub-nav ul li.sel ul li.sel a { color:#9CB02C; font-weight:bold; }
.sub-nav ul li.sel ul li.sel a:hover span.wrap { color:#9CB02C; }


ul.breadcrump { padding-left: 0px; margin-left: 0px; font-size: 10px }
ul.breadcrump li { list-style-type: none; float:left; margin: 0 3px 20px 3px }
ul.breadcrump li.first { margin-left: 0px }
ul.breadcrump li.active { font-weight: bold }
ul.breadcrump li a { text-decoration: none }
ul.breadcrump li a:hover { text-decoration: underline }

.toggle-icon { background-image:url(/lib/img/icons/toggle_icon_10x10.gif); background-repeat:no-repeat; background-position:0 7px; }
.toggle-icon.current { background-image:url(/lib/img/icons/toggle_icon_current_10x10.gif); }
.toggle-icon.current li.toggle-icon.current a { color: #96b30c }
.toggle-icon.current li.toggle-icon.current ul li a { color: #444 }
.toggle-icon.current li.toggle-icon.current ul li.toggle-icon.current a { font-weight:bold }
.toggle-icon.current li.toggle-icon.current { background-image: none; }

/* STYLING FOR PARTNER PORTAL */
#partnerportal .toggle-icon { background-image:url(/lib/img/icons/toggle_icon_10x10_purple.gif) }
#partnerportal .toggle-icon.current { background-image:url(/lib/img/icons/toggle_icon_current_10x10.gif); }
#partnerportal .toggle-icon.current li.toggle-icon.current { background-image: none; }


.clear { clear:both; margin: 0 0; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.right { float:right; }
.left { float:left; }
.hide { position:absolute; top:-10000px; left:-10000px; visibility:hidden; }
.thumb { margin: 5px 15px 5px 0 }

.status_msg, .status_msg a { color:#ff0000 }

.image-wrap { margin: 0 0; display:block; height: 120px; overflow: hidden } 
.image-wrap img { margin: 0 10px 10px }
.image-wrap a { display:block; border: 0; margin: 0 0; padding: 0 0 }

form legend { font-weight:bold; font-size: 16px; padding: 0 0; margin: 0 0 10px 0 }
#partnerform legend, #salesform legend {color: #444; padding-bottom: 20px; }

@media print { #personal-navigation,
#main-navigation,
.left-col,
#footer,
.verisign-icon { display:none; }
}

/* Colors */
.red, .red a { color: #ff1400 }
.green { color: #96b305 }

iframe.iframe-visible  { position: relative; left: 0; margin: 0 0; padding: 0 0 }

.lightbox_thumbnail { border: 1px solid #E4E4E4 }


.marginal { position:absolute; bottom:-4px; z-index: 3 }

#promos { float:right; margin-top: 10px }

/* TTBS-3142 */
#loader img { display: block; margin-left: auto; margin-right: auto }

/* IE 10 hacks */
.ie10 #i18n-select { top:63px; padding:2px 1px 1px 0px; }