/**********************************
Global Style

Index:
    01. Reset
    02. Font multiplier table
    03. Global Settings for Common
         HTML elements
    04. Template Structure
    05. Text Colors
    06. Navigation Bar
    07. Shared/General Components
    08. Answer & Question Detail Pages
    09. Home Page
    10. Account Pages
    11. General Accessiblity
    12. Print Style
    13. Chat Related
    14. Header
    15. Contact page
	16. FAQ-specific (usually by Jurgen)
	17. OLGA
	18. Manual page
	19. Online RMA page
**********************************/

/********************
    01. Reset
********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
	padding: 0;
}
a img, iframe {
	border: none;
}
/*************************************
    02. Font multiplier table
**************************************
Pixels  EMs   Percent    Points
6px   0.500     50.00%     5pt
7px     0.583     58.30%     5pt
8px     0.667     66.70%     6pt
9px     0.750     75.00%     7pt
10px     0.833     83.30%     8pt
11px     0.917     91.70%     8pt
(12px is our body default)
12px     1.000     100.0%     9pt
13px     1.083     108.3%     10pt
14px     1.167     116.7%     11pt
15px     1.250     125.0%     11pt
16px     1.333     133.3%     12pt
17px     1.417     141.7%     13pt
18px     1.500     150.0%     14pt
19px     1.583     158.3%     14pt
20px     1.667     166.7%     15pt
21px     1.750     175.0%     16pt
22px     1.833     183.3%     17pt
23px     1.917     191.7%     17pt
24px     2.000     200.0%     18pt
***************************************/

/*************************************
    03. Global Settings for Common
          HTML elements
*************************************/
html {
	font-family: Verdana, Geneva, sans-serif
}
/*Japanese charset support*/
html[lang="ja-JP"], html[lang="ja-JP"] input, html[lang="ja-JP"] textarea, html[lang="ja-JP"] select {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", Helvetica, Arial, sans-serif;
}
body {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	color: #424542;
	font-family: Verdana, Geneva, sans-serif
}
h1 { /* 24px */
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	color: #424542;
	font-family: Arial, Helvetica, sans-serif;
}
h2 { /* 18px */
	font-size: 18px;
	color: #424542;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 30px;
}
h3 { /* 16px */
	color: #94B208;
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 30px;
}
h4 { /* 14px */
	color: #737573;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 30px;
}
h5 { /* 11px */
	color: #737573;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	line-height: 30px;
}
p {
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
	color: #424542;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom:1em;
}
ol li, ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #424542;
}
ul {
	list-style-type: disc;
}
table {
	border-spacing: 0.3em;
}
hr {
	margin: 10px 0px;
}
strong {
	font-weight: bold;
}
caption {
	color: #404040;
	font-weight: bold;
	line-height: 1.3em;
}
blockquote {
	margin: 10px 30px;
}
a:visited {
	color: #444444;
}
input[type="text"], input[type="password"] {
	height: 18px;
}
input, textarea, select {
	border: solid 1px #B1B1B1;
	/*font-family bears repeating for IE6/7*/
	font-family: Verdana, Arial, Helvetica;
	padding: 2px;
 *margin-right: 10px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
}

/*  suresh - updated for standard buttons  07/15/15 */
input[type="submit"], button {
	border: none;
	color: #333333;
	border-radius: 38px;
	padding: 5px 10px;
	cursor: pointer;
	line-height: normal;
	text-decoration: none;
	background: #BDD731;
	font-size: 12px;
	font-weight: 300;
	/*background: transparent url("/euf/assets/images/primary_button.gif") no-repeat scroll 0 0; */
	/*width: 70px; RvZ 20150807*/
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	
    /*Fix for IE6/7 button width bug*/
 *width:auto;
 *overflow:visible;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
 *padding-right: 20px;
 *padding-left: 15px;
}
#dialog_MainColumn {
	padding-left: 20px
}
/*online form css, Qing Liu */
#cs_contactForm input[type="submit"] {
	/*background: #00AEEF 0px 0px repeat-x;*/
	background: #555;
	border: none;
	color: #FFF;
	cursor: pointer;
	line-height: normal;
	margin-right: 6px;
	padding: 5px 10px;
	text-decoration: none;
	/*background: transparent url(/euf/assets/images/button_90.png) no-repeat scroll 0 0;*/
	width: 90px;
    /*Fix for IE6/7 button width bug*/
    *min-width:90px;
 *width:auto;
 *overflow:visible;
}
#cs_Tips {
	width: 430px;
	font-size: 0.833em;
	padding: 4px 0 8px 0;
}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {
	cursor: pointer;/*background:transparent url("/euf/assets/images/primary_button_mouseover.gif") no-repeat scroll 0 0;*/
}
input[type="submit"][disabled], button[disabled] {
	background-color: #304764;
	background-position: 0px -40px;
	border-color: #333;
	color: #DDD;
}
input[type="submit"]:focus, button:focus {
	/*IE8 doesn't apply focus outline natively*/
	outline /*\**/: #000 dotted 1px\9
}
/*Chrome remove outline border*/
*:focus {
	outline: none;
}
.nohighlight:focus {
	outline: none;
}
.rn_Highlight {
	font-style: normal;
	vertical-align:baseline;
}

a:hover .rn_Highlight {
	font-style: normal;
	vertical-align:baseline;
}

/********************************
    04. Template Structure:
rn_Container
        rn_Header
        rn_Body
            rn_MainColumn
            rn_SideBar
            cf_SIdeBar
        rn_Footer
********************************/
#rn_MainColumn {
	*z-index: 1;
}
#rn_Container {
	height: 100%;
	margin: 0px auto;
	overflow: visible;
	text-align: left;
	width: 950px;
}
#rn_Header {
	height: 90px;
	overflow: visible;
}

#rn_Header a {
}
#rn_LoginStatus {
	text-align: right;
}
#rn_LoginStatus a {
	font-weight: bold;
	text-decoration: none;
}
#rn_Footer, #rn_Body {
	background: #FFF;
	overflow: hidden;
	text-align: left;
	width: 100%;
}
#cs_MainColumn_nosidebar {
	background: #FFF;
	float: left;
	min-height: 650px;
	height: auto !important;
	height: 650px;
	overflow: visible;
	padding: 0 0 10px 0;
	width: 710px;
 	*margin-top:20px;
}
#cs_MainColumn_nosidebar #rn_PageTitle 
{
	width:710px;
}
#rn_SideBar {
	float: right;
	width: 234px;
	margin-top: 32px;
}
/*Set the download section css*/
#rn_SideBar ol li {
	margin-left: 25px;
}
#rn_SideBar ol li img {
	display: none;
}
#rn_SideBar ol li a {
	text-decoration: none;
}
#rn_SideBar ol li a:hover {
	text-decoration: underline;
}
#rn_Footer {
	padding-top: 10px;
	float: left;
	border-top: 1px solid #cecece;
	width: 950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #42454,;
	line-height: 18px;
}
#copyright {
	float: left;
}
/*survey feedback bottom right*/
div#survey_feedback {
    background-color: #BDD731;
    border-top-left-radius: 38px;
    bottom: 0;
    position: fixed;
    right: 0;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 16px;
    text-decoration: none;	
}
div#survey_feedback:hover
{
	background-color: #AAC12C;
}
div#survey_feedback a {
	text-decoration:none;
}
/* side bar for ask, ask detail pages*/
#cf_SideBar {
	float: right;
	width: 230px;
}
#cf_SideBar ol li {
	margin-left: 25px;
}
#cf_SideBar ol li img {
	display: none;
}
#cf_SideBar ol li a {
	text-decoration: none;
}
#cf_SideBar ol li a:hover {
	text-decoration: underline;
}
#cs_Footer {
	float: right;
	margin-bottom: 3px;
	text-align: center;
}
#cs_legal {
	color: #ACACAC;
	font-size: 9px;
	line-height: 22px;
	text-align: center;
}
/*************************************
    05. Text Colors
*************************************/
body, fieldset legend {
	color: #545454;
}
a:link {
	color: #424542;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
/*************************************
    06. Sidebar Content
*************************************/
#cs_SupportLinks {
	padding: 0px 0px 10px;
	overflow: hidden;
	line-height: 14px;
	margin-left: 6px;
	width: 230px;
}
#cs_SupportLinks h2 a {
	font-size: 16px;
	background: none;
	padding: 0 0 4px 0px;
}
#cs_SupportLinks a {
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	background: url(/euf/assets/images/more-link-new.png) no-repeat 0 3px;
	padding: 0 0 4px 12px;
	display: inline;
}
#cs_SupportLinks a:hover {
	background: url(/euf/assets/images/more-link-new-mouseover.png) no-repeat 0 3px;
	color: #000;
}
#cs_SupportLinks h2 a:hover {
	background: none;
	color: #000;
}
/*New announcements widget css*/
.cs_notifs-border-top {
	background-color: #94B208;
}
.cs_notifs-border-top > div {
	height: 5px;
	padding: 0 5px 0 0;
}
.notifs_rounded-corner-top {
	background: url("/euf/assets/images/sideBar_top_234_top.png") no-repeat scroll left top transparent;
	overflow: hidden;
	width: 240px;
}
.notifs_rounded-corner-bottom {
	background: url("/euf/assets/images/sideBar_top_234_bottom.png") no-repeat scroll 1px bottom transparent;
	overflow: hidden;
	padding-bottom: 8px;
	position: relative;
	width: 240px;
	margin-left: -1px;
}
#cs_Announcement #cs_AnnouncementTitle2 {
	width: 220px;
	margin: 8px 10px 0 10px;
	height: 45px;
	background: url("/euf/assets/images/ann_background.png") no-repeat scroll left top transparent;
}
#cs_Announcement #cs_AnnouncementTitle2 h2 {
	padding: 6px 10px 0;
}
#cs_Announcement .rn_Announcements div {
	/*margin: 2px 0 8px 0;*/
}
#cs_AnnouncementContent {
	padding: 15px 0 0px 15px;
	font-size: 11px;
	line-height:20px;
	width: 85%;
}
#cs_AnnouncementContent ul {
	list-style: none;
}
#cs_AnnouncementContent a {
	text-decoration: none;
	display: inline-block;
}
#cs_AnnouncementContent a:hover {
	text-decoration: underline;
	color: #000;
}

/*search bar for side bar*/
.ansdet-rounded-corner-top {
	background: url("/euf/assets/images/side_box_top.png") no-repeat scroll 0 0 transparent;
	overflow: hidden;
	width: 240px;
}
.ansdet-rounded-corner-bottom {
	background: url("/euf/assets/images/side_box_bottom.png") no-repeat scroll 0 bottom transparent;
	overflow: hidden;
	padding-bottom: 15px;
	position: relative;
	width: 240px;
}
#cs_ansdet_search .rn_KeywordText2 input {
	width: 180px;
	background: url("/euf/assets/images/ansdet_search_field.png") no-repeat scroll 0 0 transparent;
}
#cs_ansdet_search .rn_SearchButton2 {
	left: 131px;
	top: 5px;
}
/***********************************************************
    07. Shared / General Styling
***********************************************************/
/*back to home page links at page headings*/
#backToSearch {
	margin-top: -22px;
	padding-right: 12px;
	float: right;
}
#backToSearch a:hover {
	background: url('/euf/assets/images/more-link-new-mouseover.png') no-repeat 0 4px;
	color: #000;
	text-decoration: underline;
}
#backToSearchDetail {
  padding-left: 7px; 
}
#backToSearchDetail a:hover {
	background: url('/euf/assets/images/more-link-new-mouseover.png') no-repeat 0 4px;
	color: #000;
	text-decoration: underline;
}
#back-link {
	background: url('/euf/assets/images/more-link-new.png') no-repeat 0 4px;
	padding: 0 0 0 10px;
	text-decoration: none;
}
.border-component {
	position: absolute;
	top: 0;
	bottom: 0;
	height: inherit;
}
.top-left {
	background: url(https://uk.support.tomtom.com/euf/assets/images/public/site/border.png) 0 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
}
.top-right {
	background: url(https://uk.support.tomtom.com/euf/assets/images/public/site/border.png) 100% 0;
	position: absolute;
	height: 10px;
	top: 0;
	right: 0;
	left: 10px;
}
.bottom-left {
	background: url(https://uk.support.tomtom.com/euf/assets/images/public/site/border.png) 0 100%;
	position: absolute;
	left: 0;
	top: 10px;
	right: 10px;
	bottom: 0;
}
.bottom-right {
	background: url(https://uk.support.tomtom.com/euf/assets/images/public/site/border.png) 100% 100%;
	position: absolute;
	top: 10px;
	right: 0;
	width: 10px;
	bottom: 0;
}

#cs_PageContainer {
	float: left;
	width: 710px;
}
.cs_Hidden {
	display: none;
}
/************************
PageTitle -
Appears at the top of each page
************************/
/*Qing Liu, End user page title 9-02-201 */

#rn_PageTitle {
	border-bottom: 1px solid #DFDFDF;
	float: left;
	padding: 5px 0 0;
}
.rn_AnswerDetail #rn_PageTitle {
	width: 700px;
	float: left;
}
#rn_PageTitle.rn_Home, #rn_PageTitle.rn_QuestionList, #rn_PageTitle.rn_AnswerList {
	border-bottom: 0;
	overflow: visible;
}
#rn_PageTitle.rn_Home {
	margin-bottom: 5px;
}
#rn_PageTitle h3, #rn_PageTitle h4, #rn_PageTitle h5, #rn_PageTitle h6 {
	clear: left;
}
#rn_PageTitle p {
	clear: both;
}

/************************
Contact form page
************************/
#cs_contactFormCategoryInput {
	float: left;
}
#cs_contactFormProductInput {
	float: left;
	margin: 0 25px 0 25px;
}
#cs_contactFormInput {
	margin-bottom: 30px;
	padding-top: 10px;
}
/************************
PageContent
************************/
#rn_PageContent {
	clear: both;
}
/*************************************
Forms
*************************************/
#rn_PageContent form h2, .rn_HeadingBar {
}
/**generic form legend only visible for screen readers (forms mode)*/
form legend {
	font-size: 0em;
	visibility: hidden;
}
form fieldset {
	padding-left: 8px;
}
form button {
	margin-top: 5px; /*Decrease the margin size from 20px to 10px ,Qing Liu, 28-Jan-2009 */
}
form .rn_Column {
	margin-bottom: 10px;
}
.rn_HintBox {
	background-color: #F2F2F2;
	border: 1px solid #DBDBDB;
	color: #222;
	opacity: .7;
	padding: 4px 16px 2px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
}
.rn_Required, .rn_ErrorLabel {
	color: #C10000;
}
.rn_ErrorField {
	background-color: #FEFDA0 !important;
}
.rn_MessageBox {
	border: 1px solid #D60000;
	color: #D60000;
	margin: 10px 0;
	padding: 6px;
}
.rn_ErrorMessage {
	font-family: verdana;
	font-size: 11px;
	line-height: 13px;
	padding: 8px 6px 8px 10px !important;
}
.rn_ErrorMessage a {
	color: #990000;
}
.rn_InfoMessage {
	background: #FFFFE0 url(https://uk.support.tomtom.com/euf/assets/images/public/site/important.png) no-repeat;
	padding: 6px 6px 4px 40px !important;
	height: 20px;
}
/***************
Dialogs
****************/
.rn_Dialog {
	overflow: visible;
	/* added suresh */
	background: #ccc;
	width: 600px;
}
.rn_Dialog ol, .rn_Dialog ul {
	padding: 0.4em 0 0 1.8em;
}
.rn_Dialog ol li {
	list-style: decimal outside none;
}
.rn_Dialog ul li {
	list-style: disc outside none;
}
/***********
Misc Common rules
**********/
.rn_FloatRight {
	float: right;
}
.rn_FloatLeft {
	float: left;
}
.rn_Padding {
}
.cs_Padding {
	padding: 8px 0 5px 0;
}
.rn_ClearBoth {
	clear: both;
}

/**********
Columns
**********/
.rn_ColumnContainer {
	width: 100%;
}
.rn_Column {
	width: 48%;
}
.rn_LeftColumn {
	float: left;
	padding: 0 4px 20px 0;
}
.rn_RightColumn {
	float: right;
	padding: 0 0 20px 4px;
}
/*******************************************
    08. Answer list page
        Answer & Question Detail

*******************************************/
#rn_AnswerText {
	padding: 10px 10px 30px 0px;
}
#rn_PageContent.cs_AnswerList ol {
	overflow: hidden;
}
.cs_AnswerList .rn_Multiline2 li {
	margin-bottom: 4px;
}
/*Lorna 23 Nov - minor detail ol are outside boxes*/
.rn_AnswerDetailMinor ol, .rn_AnswerDetailMinor ul{
	padding-left:20px;
}

/*New CSS for answer list page*/
#cs_AnswerCategory {
	float: left;
	width: 710px;
}
#cs_AnswersSection {
	float: left;
	width: 710px;
 *position:relative;
 *z-index: 1;
}
/*
suresh - comment
#cs_subCategoryNavigation {
    clear: both;
    overflow: hidden;
    position: relative;
    float: left;
    margin-left: -5px;
    width: 200px;
}*/
#cs_AnswerContent {
	margin: 15px;
	position: relative;
	z-index: 2;
}
#cs_AnswerStretchy {
	position: relative;
	float: right;
	width: 510px;
	min-height: 720px;
}
#cs_AnswerStretchy .border-component {
	width: 100%;
 *left: 0;
}
#cs_AnswerContent .cs_AnswerTitle {
	border-bottom: 1px solid #DEDBDE;
}
.cs_AnswerTitle {
	line-height: 24px;
}
#cs_SearchSection {
	float: left;
	margin-left: -5px;
	position: relative;
}
#cs_SearchContent {
	height: 130px;
	width: 360px;
	position: relative;
	z-index: 2;
}
#cs_SearchContent h2
{
    left: 18px;
    position: relative;
    top: 15px;
    display: block;
    z-index: 2;	
}

#cs_SearchSection .border-component {
	width: 100%;
}
#cs_SelectionSection {
	float: left;
	width: 715px;
	margin-left: -5px;
	margin-top: -5px;
 *position:relative;
 *z-index: 2;
}
#cs_Product_Reselection {
	float: left;
	position: relative;
	z-index: 3;
}
#cs_ProductReselection_Content {
	clear: both;
	width: 360px;
	height: 130px;
	position: relative;
	z-index: 4;
}
.rn_ProductCategorySearchFilter {
	position: relative;
	top: 23px;
	left: 20px;
	z-index: 2;
}
#cs_ProductReselection_Content h2 {
	position: relative;
	top: 14px;
	left: 20px;
	z-index: 2;
}
#cs_ProductReselection_Content .border-component {
	width: 100%;
}
#cs_helpSearchCat {
	left: 24px;
	position: relative;
	top: -30px;
	width: 200px;
	z-index: 2;
}
#cs_searchBySerial {
	position: relative;
	top: 30px;
	left: 24px;
	z-index: 1;
}
#cs_Paginator {
	float: right;
	height: 20px;
	margin-top: -30px;
	padding-bottom: 5px;
	font-size: 9px;
}
/*Qing Liu, Add padding to Paginator */
.rn_QuestionList #cs_Paginator {
	padding-bottom: 10px;
	margin: 0;
}
.cs_Manual #cs_Paginator {
	margin:0 0 10px 0;
}
/*updated date at title of answer detail*/
.updated_faq {
	color: #737573;
	font-size: 9px;
	float: left;
}

/*No result search layout*/
#rn_PageContent #cs_RatesFAQ ol li a {
	font-size: 0.75em;
}
.suggestionFAQ-landing ul {
	margin-left: 0;
	padding: 0 5px;
	list-style: none;
}
.suggestionFAQ-landing a.more-info-link {
	text-decoration: none;
}
.suggestionFAQ-landing a.more-info-link {
	text-decoration: none;
}
.suggestionFAQ-landing a.more-info-link:hover {
	text-decoration: underline;
	color: #000;
}
.suggestionFAQ-landing .content .product-image {
	margin-top: 0;
}
#rn_PageContent #cs_RatesFAQ ol li {
	margin-bottom: 0px;
}
.cs_Explain_label {
	font-size: 12px;
	line-height: 20px;
}

/*forum results*/
#forum_list {
	clear: both;
	position: relative;
	z-index: 2;
	margin: 5px 15px 10px;
}
.cs_forumImage {
	float: right;
}
.cs_forumImage img {
	width: 50px;
	float: right;
	padding-right: 15px;
	margin-top: 10px;
}
.cs_forumTitles {
	float: left;
	overflow: hidden;
	width: 250px;
	padding-top: 21px;
}
#cs_ResultInfo {
	float: left;
	width: 710px;
}
#cs_searchPageInfo {
	float: left;
}
#cs_filterResult {
	float: left;
	line-height: 24px;
}
#cs_AnswerList {
	float: left;
	margin-left: -8px;
	width: 490px;/*IE needs that needs that fixed width*/
}
#rn_PageContent.cs_AnswerList ol li img {
	display: none;
}
/*IE8 and IE9 answer list load up with UL*/
#rn_PageContent.cs_AnswerList ul li img {
	display: none;
}
/*Qing Liu, Answer detail page */
.cs_AnswerDetail {
}
#cs_Feedback {
	width: 710px;
	float: left;
}
.rn_AnswerFeedback2 {
	float: left;
	width: 380px;
}
.rn_AnswerFeedback2Control {
	padding-bottom: 7px;
}
/*lorna CCWEBDEV-590*/
#feedback_button {
    float: right;
    margin-top: 15px;
    position: relative;
}
#feedback_fire_button
{
}
#cs_AnswerFeedback {
	width: 700px;
	float: left;
	border-bottom: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	margin-bottom: 10px;
	padding-top: 10px;
}
#rn_Summary {
	padding: 7px 0 0 0;
	line-height: 1em;
	letter-spacing: -.01em;
}
#rn_AnswerInfo {
	color: #888;
	margin: 6px 0 20px;
}
#rn_AnswerInfo div {
	display: inline;
}
#rn_AnswerText {
	clear: both;
	font-size: 12px;
}
#rn_AnswerText p {
	font-size: 12px;
}
#rn_FileAttach {
	padding-bottom: 1em;
}
#cs_DetailTools {
	float: right;
	padding: 2px 0px 0 0;
}
/*bottom boxes on answer detail*/
.cs_answer_reports_content {
	clear: both;
	margin: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.cs_answer_reports_content h2 {
  color: #7CB800;
  line-height: 23px;
  margin-bottom: 10px;
}
.cs_answer_reports .border-component {
	top: 0px;
	width: 50%;
*width:49%;
}
.cs_answer_reports_content ul li {
	line-height: 14px;
	margin-left: 0px;
  color: #94B208;
  list-style: outside none disc;
}
.cs_answer_reports_content ul li a {
  padding: 0 0 4px 0;
  display: inline;
  text-decoration: none;
  font-size: 11px;
}
.cs_answer_reports_content ul li a:hover {
    text-decoration: underline;
}
.cs_answer_reports {
	float: left;
	width: 50%;
 *width:49%;
}
.cs_answer_reports_content .cs_mpa {
	padding-left: 10px;
}
.cs_answer_reports_content .rn_Multiline2 ol {
	padding-left: 0px;
}
.cs_answer_reports_content .rn_Multiline2 ol li {
	list-style-type: none;
	line-height: 14px;
}
.cs_answer_reports_content .rn_Multiline2 ol li span a {
	line-height: 14px;
	margin-left: 0px;
	font-size: 11px;
	display: inline-block;
	text-decoration: none;
	background: url("/euf/assets/images/more-link-new.png") no-repeat scroll 0 3px transparent;
	padding: 0 0 4px 12px;
}
.rn_AnswerDetail .cs_answer_reports_content ul {
	margin-left: 14px;
	padding-left: 0;
	list-style: none;
}
.cs_answer_reports_content a.more-info-link {
	text-decoration: none;
	display: inline-block;
	font-size: 11px;
}
.cs_answer_reports_content a.more-info-link:hover {
	text-decoration: underline;
	color: #000;
}

/*My Question page 2 Jan 2012*/
.cs_title_rounded_corner_top {
	background: url("/euf/assets/images/myquestion_top.png") no-repeat scroll left top transparent;
	overflow: hidden;
	width: 714px;
}
.cs_title_rounded_corner_bottom {
	background: url("/euf/assets/images/myquestion_bottom.png") no-repeat scroll left bottom transparent;
	overflow: hidden;
	padding-bottom: 17px;
	position: relative;
	width: 714px;
	margin-left: -3px;
 *padding-bottom:2px;
}
.rn_QuestionDetail .cs_title_rounded_corner_top .rn_HeadingBar {
	padding: 15px 10px 0 20px;
}
.cs_rounded_corner_top {
	background: url("/euf/assets/images/myquestion_incident_top_2.png") no-repeat scroll left top transparent;
	overflow: hidden;
	width: 714px;
}
.cs_rounded_corner_bottom {
	background: url("/euf/assets/images/myquestion_incident_bottom_2.png") no-repeat scroll left top transparent;
	overflow: hidden;
	padding-bottom: 16px;
	width: 714px;
}
.cs_rounded_corner_top .rn_IncidentThreadDisplay .rn_ThreadHeader {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0.25em 10px 0;
	position: relative;
	text-shadow: 0 1px 1px #FFFFFF;
	border-bottom: 1px dashed #DEDBDE;
	font-family: Arial;
}
.cs_rounded_corner_top .rn_IncidentThreadDisplay .rn_ThreadHeader.rn_Customer {
	background: #FFFFFF;
}
.cs_rounded_corner_top .rn_HeadingBar {
	padding: 15px 25px;
	color: #94B208;
	font-size: 16px;
}
.cs_rounded_corner_top .rn_IncidentThreadDisplay {
	padding: 10px 20px 20px 16px;
	width: 680px;
}
.cs_rounded_corner_top .rn_IncidentThreadDisplay .rn_ThreadContent {
	padding-bottom: 5px;
	border-bottom: 2px dashed #DEDBDE;
}

/* question list search bar*/
#rn_SearchControls .rn_SearchInput a.rn_AdvancedLink {
	background: url("/euf/assets/images/more-link-new.png") no-repeat scroll 0 3px transparent;
	color: #424542;
	display: inline;
	padding: 0 0 0 16px;
	text-decoration: none;
}
#rn_SearchControls .rn_SearchInput a.rn_AdvancedLink:hover {
	background: url("/euf/assets/images/more-link-new-mouseover.png") no-repeat scroll 0 3px transparent;
	color: #000;
}
/*Set the Rounded Corner*/
.blueRoundedcornr {
	background-color: #BDD731;
}
.blueRoundedcornr_top div {
	background: url(/euf/assets/images/tl2.png) no-repeat top left;
	height: 10px;
}
.blueRoundedcornr_top {
	background: url(/euf/assets/images/tr2.png) no-repeat top right;
	height: 10px;
}
.blueRoundedcornr_bottom div {
	background: url(/euf/assets/images/bl2.png) no-repeat bottom left;
	height: 10px;
}
.blueRoundedcornr_bottom {
	background: url(/euf/assets/images/br2.png) no-repeat bottom right;
	height: 10px;
	width: 100%;
	font-size: 1px;
}
#rn_SearchControls .rn_SearchInput a {
	color: #25383C;
	display: block;
}

#cs_SearchInputButton_Home {
	height: 15px;
	left: 604px;
	position: relative;
	top: -35px;
	width: 100px;
	padding-left: 10px;
}
#cs_SearchInputText_Home input {
	background: url("/euf/assets/images/search_bar.png") no-repeat scroll 0 0 transparent;
	border-style: none;
	font-weight: bold;
	width: 590px;
}
#cs_SearchInputButton_Home button {
	border-style: none;
	height: 32px;
	margin: 0 0 0 2px;
	padding: 5px 25px 10px 0;
	width: 86px;
	font-size: 13px;
}
#cs_SearchInputButton_Home div {
}
#cs_SearchFilter {
	height: 30px;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-left: 5px;
 *float:left;
}

/************
List styles for answer content
*************/
.rn_QuestionDetail ol, .rn_QuestionDetail ul, .rn_AnswerDetail ol, .rn_AnswerDetail ul {
	margin-bottom: 1em;
	padding-left: 2em;
	clear: both;
}
.rn_QuestionDetail li, .rn_AnswerDetail li {
	line-height: 20px;
	margin: 4px;
	font-size: 12px;
}
.rn_QuestionDetail ol ol, .rn_QuestionDetail ol ul, .rn_QuestionDetail ul ol, .rn_QuestionDetail ul ul, .rn_AnswerDetail ol ol, .rn_AnswerDetail ol ul, .rn_AnswerDetail ul ol, .rn_AnswerDetail ul ul {
	margin-bottom: 0;
}
.rn_QuestionDetail ol li, .rn_QuestionDetail ul li ol li, .rn_AnswerDetail ol li, .rn_AnswerDetail ul li ol li {
	list-style: decimal;
}
.rn_QuestionDetail ol li ol li, .rn_AnswerDetail ol li ol li {
	list-style: lower-alpha;
}
.rn_QuestionDetail ul li ul li, .rn_QuestionDetail ol li ul li, .rn_AnswerDetail ul li ul li, .rn_AnswerDetail ol li ul li {
	list-style: circle;
}
.cs_popuplink {
	/*removed weight& size of these links as per Jürgen's instructions ... Lorna 06-Apr*/
	background: none;
	padding: 0;
	cursor: pointer;
	text-decoration: underline;
}
.cs_newPanel_link {
	/*removed weight& size of these links as per Jürgen's instructions ... Lorna 05-Apr*/
	background: none;
	padding: 0;
	cursor: pointer;
	text-decoration: underline;
}
.cs_Answer_indentation_blue {
	color: #94B208;
	font-weight: bolder;
	line-height: 30px;
	font-size: 14px;
}
#cs_AnswerStepNumber {
	float: left;
	width: 5%;
}
#cs_AnswerStepContent {
	float: left;
	width: 95%;
}
#cs_AnswerStep {
	position: relative;
}
/*First level of bulletpoint*/

.cs_answer_OrderList ol {
	clear: both;
	margin-bottom: 1em;
	padding-left: 2em;
}
.cs_answer_OrderList ol li {
	list-style-type: decimal;
}
/*Style of lower-alpha list*/
.cs_answer_listStyleTypeLowAlpa ul li {
	list-style-type: lower-alpha;
}
.cs_answer_listStyleTypeLowAlpa ol li {
	list-style-type: lower-alpha;
}
.cs_answer_OrderList .cs_answer_listStyleTypeNumber ol li {
	list-style-type: decimal;
}
/*Clean up the link style*/
#rn_AnswerText .cs_answer_OrderList .cs_answer_listStyleTypeNumber ol li a {
	background: none;
}
/*End Answer detail style*/
/* Incident thread */
#rn_UpdateQuestion {
	margin: 10px 0 0 10px;
}
#rn_UpdateQuestion textarea {
	width: 98%;
}
#rn_QuestionThread {
	margin: 4px 0 4px 0;
}
/** Additional Details box **/
#rn_AdditionalInfo .rn_FieldDisplay {
	margin: 10px 0 10px 25px;
}
#rn_AdditionalInfo .rn_ProductCategoryDisplay {
	margin: 10px 0 10px 25px;
}
#rn_AdditionalInfo .rn_ProductCategoryDisplay .rn_DataValue ul {
	list-style: none;
	padding-left: 0;
}
#rn_AdditionalInfo .rn_FileListDisplay {
	margin-left: 25px;
}
/** Print/Email/Notif/Share Container **/
#rn_DetailTools {
	line-height: 1em;
	margin-top: 2em;
	padding: 8px 0;
	text-align: right;
}
/*************************************
    09. Home Page : Top Answers
*************************************/


/*************************************
    10. Account Pages
*************************************/
/*********************
Sprite for overview page
*********************/
.rn_Overview {
	padding: 12px 10px 2px;
}
.rn_Overview h2 {
	background-color: #F9F9F9;
	border: 1px solid #DDD;
	margin-top: 10px;
}
/* image is 32 x 148 : icons are 32 x 32 */
.rn_Overview h2 a, .rn_Overview h2 b {
	background: url(images/layout/accountOverview.png) no-repeat;
	color: #505050;
	display: block;
	height: 26px;
	margin: 4px;
	outline: none;
	padding: 8px 0 0 40px;
	text-decoration: none;
}
.rn_Overview a:focus, .rn_Overview a:hover {
	text-decoration: underline;
	color: #000;
}
.rn_Overview a.rn_Questions {
	background-position: 0px 2px;
}
.rn_Overview a.rn_Profile {
	background-position: 2px -38px;
}
.rn_Overview a.rn_Notifs {
	background-position: 0px -74px;
}
.rn_Overview b.rn_Contracts {
	background-position: 0px -114px;
}
.rn_Overview div.rn_Questions, .rn_Overview div.rn_Notifs, .rn_Overview div.rn_Profile, .rn_Overview div.rn_Contracts {
	margin: 10px 0px 40px 40px;
}
.rn_QuestionList caption {
	font-size: 1.333em;
	font-weight: bold;
	line-height: 1.4em;
}
/*********************
Sprite for login page
*********************/
.rn_CreateAccountInfo {
}
.rn_CreateAccountInfo h3 {
	margin-bottom: 23px;
}
.rn_CreateAccountInfo button {
	margin: 24px 0 0 0;
	width: 134px;
	background: transparent url( /euf/assets/images/134_up_kirk.gif) no-repeat scroll 0 0;
	padding-top: 2px;
}
.rn_CreateAccountInfo button:hover {
	margin: 24px 0 0 0;
	width: 134px;
	padding-top: 2px;
	background: transparent url( /euf/assets/images/134_up_kirk-mouseover.gif) no-repeat scroll 0 0;
}
#cs_LoginFormButton {
	position: relative;
	margin-top: 16px;
}
.cs_LoginFormForgetLink {
	position: relative;
}
.rn_Account h3 {
	color: #424542;
}
.rn_LeftColumn h3 {
	margin-bottom: 8px;
}
.rn_CreateAccountInfo ul {
	margin-top: 10px;
}
.rn_CreateAccountInfo li {
	background: url(images/layout/createAccount.png) no-repeat;
	height: 32px;
	list-style-type: none;
	margin: 4px 0 16px;
	padding: 4px 0px 4px 40px;
}
.rn_CreateAccountInfo li.rn_Communicate {
	background-position: 0px 0px;
}
.rn_CreateAccountInfo li.rn_Feedback {
	background-position: 0px -46px;
}
.rn_CreateAccountInfo li.rn_Customize {
	background-position: 0px -96px;
}
/********************************
    11. General Accessibility
*********************************/
#rn_SkipNav a {
	left: 0px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}
#rn_SkipNav a:active, #rn_SkipNav a:focus {
	background-color: #FFF;
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

/****************************
    12. Print Style
    (only display content)
****************************/
@media print {
body {
	font-size: 1em;
}
#rn_DetailTools, #rn_Header, #rn_Navigation, #rn_SideBar, #rn_Footer {
	display: none;
}
}


/*******************************************
    13. Chat Related
*******************************************/

@media print {
#rn_ChatDialogHeaderContainer, #rn_InChatButtonContainer, #rn_PreChatButtonContainer, #rn_ChatQueueSearchContainer, #rn_ChatLogo {
	display: none;
}
#rn_ChatContainer {
	border: 0;
}
}
/*******************************************
    14. Header
*******************************************/
/* Header */
#header {
    font-size: 11px;
    margin: 0;
    position: relative;
}
/* IE7 Fixes for the header */
#header {
	*float: left; /*IE fix*/
}

#header #logo {
    background-image: none;
    display: block;
    float: left;
    height: 54px;
    margin-left: 8px;
    text-indent: 0;
    width: auto;
}
#header a, #header a:hover, #header a:visited {
    color: #737373;
    text-decoration: underline;
}
#logo {
    position: static;
}
#header .shopping-cart, #header .shopping-cart:hover, #header .shopping-cart:visited {
    color: #818181;
    text-decoration: none;
}
#header #logo img {
    border-width: 0;
    margin-top: 13px;
}
#header .header-details {
    float: right;
    margin-right: 5px;
    padding-top: 0.6em;
}
#header #go-to-cart {
    float: left;
}
#header .shopping-cart {
    background: url("/euf/assets/images/icon-shopping.gif") no-repeat scroll 0 3px transparent;
    line-height: 20px;
    padding-left: 18px;
    margin-right: 1em;
}
#header .shopping-cart, #header .shopping-cart:hover, #header .shopping-cart:visited {
    color: #818181;
    text-decoration: none;
}
#header a.country-select {
    text-decoration: none;
}
#header .country-flag {
    margin-left: 5px;
    vertical-align: middle;
}
#header .header-menu {
    background-image: url("/euf/assets/images/menubar-bg_tcm166-1786.gif");
    clear: both;
    font-size: 11.2px;
    height: 35px;
    list-style-type: none;
    margin: 0 0 0 -5px;
    padding: 0;
    position: relative;
    z-index: 1000;
}

#header .header-menu li {
    background: url("/euf/assets/images/menubar-sep_tcm166-1801.gif") no-repeat scroll right top transparent;
    float: left;
    white-space: nowrap;
    width: auto !important;
}
#header .header-menu a, #header .header-menu a:hover, #header .header-menu a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#header .header-menu li.home a {
    background: url("/euf/assets/images/menubar-item-home_tcm166-1793.gif") repeat scroll 0 0 transparent;
	display:block;
}
#header .header-menu li.home a span {
    padding: 0;
    text-indent: -999em;
    margin-left: 18px;
    width: 20px;
}
#header .header-menu li a span {
    cursor: pointer;
    display: block;
    height: 35px;
    line-height: 35px;
    margin-left: 1.165em;
    padding: 0 1.165em 0 0;
}
#header .header-menu li.home span {
    margin-left: 18px;
    width: 20px;
}
#header .header-menu li.login {
    float: right;
    position: relative;
}
#header .header-menu li.login a {
    background: url("/euf/assets/images/menubar-login_tcm166-1796.gif") no-repeat left top;
}
#header .header-menu li.login a span {
    background: url("/euf/assets/images/menubar-login_tcm166-1796.gif") no-repeat scroll right top transparent;
}
#header .header-menu li:hover a span {
    background-position: right -35px;
}
#header .header-menu li.last a {
    background-position: 0 0 !important;
}
#header .header-menu li a {
    background-image: url("/euf/assets/images/menubar-item_tcm166-1792.gif");
    display: block;
}
#header .header-menu li:hover a {
    background-position: 0 -35px;
}
#header .shadow {
    background: url("/euf/assets/images/menubar-shadow_tcm166-1803.gif") no-repeat scroll left top transparent;
    display: block;
    height: 4px;
    left: 4px;
    position: relative;
    top: -4px;
    z-index: 200;
}
#header .status-summary {
    color: #818181;
    font: 10px Arial,sans-serif;
    position: absolute;
    right: 10px;
    top: 42px;
    white-space: nowrap;
}
.status-summary {
    color: #818181;
    font: 10px Arial;
    position: absolute;
    right: 10px;
    top: 42px;
    white-space: nowrap;
}

#header .status-summary span, .status-summary a {
    margin-left: 0.5em;
}

/********************
    15. Contact page 3-12-2012 updated 23-12-2013
********************/
#cs_ContactSteps
{
	width:715px;
	font-size:12px;
}
#cs_ContactSteps p
{
	font-size:12px;
}
#cs_ContactStep1, #cs_ContactStep2, #cs_ContactStep3
{
	position:relative;
	width:710px;
	min-height: 120px;
}
#cs_ContactStep1
{
	z-index:3;
}
#cs_ContactStep2
{
	z-index:2;
	padding: 20px;
}
#cs_ContactStep3
{  
	z-index:1;
}
#cs_ContactStep1 .border-component, #cs_ContactStep2 .border-component, #cs_ContactStep3 .border-component  {
	width: 100%;
}
#cs_ContactStep1Content, #cs_ContactStep2Content, #cs_ContactStep3Content
{
    padding: 20px;
    position: relative;
    width: 670px;
    z-index: 6;
}
/*buttons*/
.rn_Contact .bttnsmall {
	color: #333333;
	/*font-family: "Gotham";*/
	font-weight: 300;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 38px;
	display: inline-block;
	margin: 10px 0px;
	text-decoration: none !important;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.rn_Contact .primary {
	background-color: #BDD731;
}
.rn_Contact .primarygray {
	background-color: #555;
	color:#FFF;
}
.rn_Contact .primarygray:hover {
	background-color: #AAA;
}
.rn_Contact .secondary {
	background-color: #FFFFFF;
	border: 1px #c0c0c0 solid;
}
.rn_Contact .disabled {
	background-color: #dcdcdc;
	color: #c0c0c0;
}
.rn_Contact .primary:hover {
	background-color: #AAC12C;
}
.rn_Contact .primary:active {
	background-color: #A1B72A;
}
.rn_Contact .secondary:hover {
	background-color: #DCDCDC;
}
.rn_Contact .secondary:active {
	background-color: #c0c0c0;
}
/*header*/
.cs_ContactStepHeader img
{
	z-index:1;
	margin-top:-3px;
}
.cs_ContactStepHeader span
{
	display: inline;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    vertical-align: top;
	color:#94B208;
}
/*step 1*/
.cs_ContactSelectSection
{
    margin: 10px 0 0 33px;
}
.cs_ContactSelectSection .rn_ProductCategorySearchFilter
{
    left: 0;
	top: 0;
	position: static;
}
#cs_RepairInfoSection {
}
/*#product_links {
    margin-left: 35px;
}*/
#cs_LifecycleInfo {
    margin: 10px 0 0 32px;
    overflow: hidden;
    width: 600px;
    z-index: 1;
}
#cs_WarrantyInfo {
    float: left;
    width: 310px;
    z-index: 1;
}
#cs_RepairInfo {
    float: right;
    margin-left: 20px;
    width: 270px;
}
#product_links p
{
	margin-bottom:0;
}
#product_links a
{
	text-decoration:none;
	font-size:11px;
}
#product_links a:hover
{
	text-decoration:underline;
}
/*step 2*/
.cs_ContactStepRight
{
	float:right;
}
#cs_ContactSelectSection2 {
    margin-left: 33px;
    overflow: hidden;
    width: 620px;
}
#cs_Step2DynamicContent {
    float: left;
    width: 284px;
    z-index: 2;
}
#cs_Step2FAQContent {
    width: 300px;
    z-index: 2;
}
#cs_Step2FAQContent .cs_Step2Title
{
    font-weight: bold;
    padding-left: 5px;
    vertical-align: top;
	margin-left:20px;
}
#cs_FAQSection
{
    z-index: 1;
}
#cs_standardContact
{
	position:relative;
	z-index:3;
}
#cs_EOLheader
{
	position:relative;
	left:10px;
	top:0;
}
#cs_EOLheader p
{
	margin-bottom:0;
}
.rn_FileTypeIcon
{
	display:none;
}
/*step 3*/
#cs_ContactStep3Content h2
{
	left: 20px;
    position: relative;
    top: 14px;
    z-index: 1;
}
#cs_ContactChannel
{
    margin: 10px 0 10px 33px;
    overflow: hidden;
    z-index: 1;
}
/*dimOn*/
.black_overlay {
    background-color: #FFF;
    height: 134px;
	filter:alpha(opacity=70); /* IE */
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity:0.70; /* FireFox */
    opacity: 0.7;
    position: absolute;
    width: 92%;
    z-index: 25;
}



/*******************************************
    16. FAQ-specific (usually by Jurgen)
*******************************************/
/*grey note used in answer detail*/
.note {
	background-color: #CCCCCC;
	padding: 3px;
}
/*link used for show-hide boxes*/
.cs_show_steps_link {
	background: url(https://uk.support.tomtom.com/euf/assets/images/public/site/more-link-new.gif) no-repeat 0 3px;
	padding: 0 0 0 20px;
	color: #444;
	display: inline;
	cursor: pointer;
	text-decoration: none;
	line-height: 30px;
}
a.cs_show_steps_link:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}
/*link used in text blocks*/
a.intext-link { 
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
}
a.intext-link:hover { 
	color: #000;
}
/* for HOME FAQ - zebra stripe table*/
.zebra-stripes {
	background-color: #DBDBDB
}
.more-info-link {
	background: url(/euf/assets/images/more-link-new.png) no-repeat 0 3px;
	padding: 0 0 4px 12px;
	display: inline;
}
.more-info-link:hover {
	background: url(/euf/assets/images/more-link-new-mouseover.png) no-repeat 0 3px;
	color: #000;
}
/*this is a class used in QuickGPSfix FAQ*/
.table {
	border-collapse: collapse;
}
/*Added by Lorna June 2012 - th cells should be bold and centred*/
.table th {
	text-align: center;
	font-weight: bold;
}
/*CSS by Jürgen, added by Lorna June 2012 - used in FAQs to show the button to click on (with localised text)*/
.manage_my_device {
	background-image: url("https://uk.support.tomtom.com/euf/assets/images/public/home_buttons/manage_my_device.gif");
	background-repeat: no-repeat;
	height: 161px;
	width: 225px;
}
.manage_my_device p {
	padding-top: 100px;
	font-weight: bold;
	text-align: center;
}
.update_my_device {
	background-image: url("https://uk.support.tomtom.com/euf/assets/images/public/home_buttons/update_my_device.gif");
	background-repeat: no-repeat;
	height: 161px;
	width: 225px;
}
.update_my_device p {
	padding-top: 100px;
	font-weight: bold;
	text-align: center;
}
/*CSS by Jürgen, added by Lorna June 2012 - for 'sliding door buttons'*/
/* Sliding door primary button */
a.PrimaryButton {
	background: transparent url('https://uk.support.tomtom.com/euf/assets/images/public/buttons/PrimaryButtonRight.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 20px;
	margin-right: 60px;
	padding-right: 10px;
	text-decoration: none;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}
a.PrimaryButton:hover {
	background: transparent url('https://uk.support.tomtom.com/euf/assets/images/public/buttons/PrimaryButtonHoverRight.gif') no-repeat scroll top right;
}
a.PrimaryButton:active {
	background: transparent url('https://uk.support.tomtom.com/euf/assets/images/public/buttons/PrimaryButtonActiveRight.gif') no-repeat scroll top right;
}
a.PrimaryButton span {
	background: transparent url('https://uk.support.tomtom.com/euf/assets/images/public/buttons/PrimaryButtonLeft.gif') no-repeat;
	display: block;
	line-height: 20px;
	padding: 0px 0 5px 10px;
}
a.PrimaryButton:hover span {
	background: transparent url('https://uk.support.tomtom.com/euf/assets/images/public/buttons/PrimaryButtonHoverLeft.gif') no-repeat;
}
a.PrimaryButton:active span {
	background: transparent url('https://uk.support.tomtom.com/euf/assets/images/public/buttons/PrimaryButtonActiveLeft.gif') no-repeat;
}
/*Reset timer button css added by Lorna June 2012*/
.timer_buttons input {
	background: url("/euf/assets/images/primary_button.gif") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font: bold 11px Arial;
	padding: 2px 3px 5px;
	text-decoration: none;
	width: 70px;
}
.timer_buttons input:hover {
	background: url("/euf/assets/images/primary_button.gif") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font: bold 11px Arial;
	padding: 2px 3px 5px;
	text-decoration: none;
	width: 70px;
}
#timer_countdown {
	border: 1px solid #DFDFDF;
	border-radius: 5px 5px 5px 5px;
	margin-left: 25px;
	padding: 20px;
	width: 105px;
}
.count_box {
	padding-left: 20px;
}
/*oma css - added by Lorna June 2012*/
.oma_button {
	background: transparent url(/euf/assets/images/primary_button.gif) no-repeat scroll 0 0;
	width: 71px;
	color: #fff;
	font-weight: bold;
    /*Fix for IE6/7 button width bug*/
    *min-width:71px;
 *width:auto;
 *overflow:visible;
	border: none;
	cursor: pointer;
}
.oma_button:hover {
	background: transparent url(https://uk.support.tomtom.com/euf/assets/images/primary_button_mouseover.gif) no-repeat scroll 0 0;
}
/*Jurgen css - added by Lorna July 2012 
Edited by Zoe 10092014*/

.mytomtom_connected {
	background-image: url("https://uk.support.tomtom.com/euf/assets/images/mydrive/mydrive_connected_new.png");
	background-repeat: no-repeat;
	height: 66px;
}
.mytomtom_connected p {
	padding: 36px 0 0 100px;
	font-weight: bold;
	color: #262626;
}
/*gps mandatory css - added by Lorna June 2012*/
#chevron_marker {
}
.devs {
	list-style-image: url("https://uk.support.tomtom.com/euf/assets/images/public/greenBullet_tcm166-25452.png")
}
#phone_box {
	padding: 20px;
}
#phone_box h3 {
	padding: 10px;
}
#phone_box h4 {
	padding-left: 10px;
}
.special_green_header {
	color: #94B208;
	font-size: 16px;
}
.boxes {
	clear: both;
	overflow: hidden;
	position: relative;
}
.faq-steps-box {
	float: left;
	width: 30%;
}
.faq-steps-box-contents {
	padding: 0 0 10px;
}
.faq-steps-image-container {
	height: 150px;
	position: relative;
	z-index: 2;
}
.faq-steps-box-header {
	clear: both;
	margin: 5px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-align: center;
}
.faq-steps-box-header span {
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
	padding: 15px;
	display: inline-block;
}
.faq-steps-box-img {
	position: relative;
	text-align: center;
}
.faq-steps-box-img img {
}
.faq-steps-box-text {
	position: relative;
	z-index: 1;
	padding: 0 15px 15px;
}
.faq-steps-footer {
	bottom: 20px;
	font-weight: bold;
	padding-left: 20px;
	position: absolute;
	z-index: 1000;
}
.faq-steps-footer span {
	padding-left: 10px;
}
.faq-steps-box a {
	cursor: pointer;
}
.faq-steps-box .border-component {
	width: 30%;
}
#cs_AnnouncementContent .gps_tips li {
	list-style-type: disc
}

.long_box .boxes {
	clear: both;
	overflow: hidden;
	position: relative;
}
.long_box .faq-steps-box {
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.long_box .faq-steps-box-contents {
	clear: both;
	margin: 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.long_box .faq-steps-box-explanation {
	z-index: 1;
	width: 99%;
}
.long_box .faq-steps-box-header {
	z-index: 1;
	text-align: left;
}
.long_box .faq-steps-box-header span {
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
	padding-left: 5px;
	display: inline;
}
.long_box .faq-steps-box-img {
	float: left;
}
.long_box .faq-steps-box-text {
	padding-left: 130px;
}
.long_box .faq-steps-box .border-component {
	width: 100%
}
.video {
	padding-left: 5px;
}
/***Eva CCWEB-2554**/
.new_note {
 background-color: #F7F3F7;
 border: thin;
 border-color: #CECECE;
 border-style: solid;
 padding: 10px;
 border-radius: 5px;
}
.tdstatus {
 border-top-style: solid;
 border-top-color: #BDD731;
 border-top-width: 1px;
 vertical-align: top;
 text-align: left;
}
.instructions {
 border: thin solid #BDD731;
 border-radius: 10px;
 padding: 10px;
}
.instructions1 { border: thin solid #BDD731;
 border-radius: 10px;
 padding: 10px;
}
.remark {
 border: thin solid #BDD731;
 border-radius: 5px;
 padding: 5px;
}
.div_instr {
 margin-left: 15px;
 margin-right: 15px;
}
.bx_spacer {
 width: 10px;
}
.bx_top_left, .bx_top_center, .bx_top_right {
 height: 5px;
}
.bx_bottom_left, .bx_bottom_center, .bx_bottom_right {
 height: 10px;
}
.bx_top_left, .bx_top_right, .bx_center_left, .bx_center_right, .bx_bottom_left, .bx_bottom_right {
 width: 10px;
}
.bx_content {
 text-align: center;
 vertical-align: middle;
 font-size: 12px;
 font-weight: bold;
 cursor: pointer;
}
.bx_top_left {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_TL.gif');
 background-repeat: no-repeat;
}
.bx_top_center {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_TC.gif');
 background-repeat: repeat-x;
}
.bx_top_right {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_TR.gif');
 background-repeat: no-repeat;
}
.bx_center_left {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_CL.gif');
 background-repeat: repeat-y;
}
.bx_center_right {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_CR.gif');
 background-repeat: repeat-y;
}
.bx_bottom_left {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_BL.gif');
 background-repeat: no-repeat;
}
.bx_bottom_center {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_BC.gif');
 background-repeat: repeat-x;
}
.bx_bottom_right {
 background-image: url('https://uk.support.tomtom.com/euf/assets/images/public/templates/templ_table_BR.gif');
 background-repeat: no-repeat;
}
/* simple bordered table*/
.mytable {
 width: 700px;
 border: 0px #CECECE none;
}
.mytable td {
 vertical-align: top;
 text-align: left;
 padding: 3px;
 border: 1px #CECECE solid;
}

/**sarah product page FAQ results CCWEBDEV-1730**/
.rn_Multiline .hidden_on_results
{
  display:none;
}

/********************
    17. OLGA
********************/
/* OLGA Lorna 24-07-2012*/
.rn_GuidedAssistant img {
	vertical-align: middle;
}
.rn_GuidedAssistant a:hover {
	color: #000;
	font-weight: bold;
}
.rn_GuidedAssistant .rn_BackButton {
	background: url("/euf/assets/images/134_up_kirk.gif") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font: bold 11px Arial;
	padding: 2px 3px 5px;
	text-decoration: none;
	width: 134px;
}
.rn_GuidedAssistant .rn_BackButton:hover {
	background: url("/euf/assets/images/134_up_kirk-mouseover.gif") no-repeat scroll 0 0 transparent;
}
/*travel checklist olga*/
#cl_step_bar {
	height: 30px;
}
#cl_step_bar {
	color: #CCC;
}
#cl_step_bar div {
	border: 1px solid #94B208;
	display: inline;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	height: 29px;
	min-width: 100px;
	text-align: center;
	width: 33%;
}
#cl_step_bar div span {
	padding-left: 45px;
}
.car_bar {
	color: #94B208;
	background-image: url(/euf/assets/images/evas_car.png);
	background-repeat: no-repeat;
}
.no_car_bar {
	color: #ccc;
	background-image: none;
}
.cl_new_step {
	clear: both;
	padding-left: 10px;
	padding-top: 5px;
}
#cl_device_name {
	color: #94B208;
	float: left;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 16px;
}
#cl_not_your_device {
	border: 1px solid #CCCCCC;
	border-radius: 10px 10px 10px 10px;
	float: left;
	padding: 10px;
}

/********************
    18. Manual page
********************/
/*Manual Page*/
#cs_ManualSelection {
	float: left;
	width: 715px;
	margin: -5px 0 0 -5px;
}
#cs_ManualSelectionSection {
	position: relative;
	float: left;
}
#cs_ManualSelectionSectionContent {
	width: 710px;
	position: relative;
	z-index: 5;
	height: 130px;
}
#cs_ManualSelectionSection .border-component {
	width: 100%;
}
#cs_dropdownSearchSection {
	float: left;
	position: relative;
	width: 355px;
}
#cs_dropdownSearchSection .rn_ProductCategorySearchFilter {
	position: relative;
	top: 23px;
	left: 20px;
    *z-index: 1;
}
#cs_dropdownSearchSection h2 {
	left: 20px;
	position: relative;
	top: 14px;
	z-index: 2;
}

.vr {
	background-color: #DEDBDE;
	bottom: 0;
	height: 100px;
	float: left;
	position: relative;
	top: 15px;
	width: 2px
}
#cs_serialNumberSearchSection {
	float: right;
	position: relative;
	width: 330px;
}
#cs_serialNumberSearchSection h2 {
	left: 20px;
	position: relative;
	top: 14px;
	z-index: 2;
}
#cs_serialNumberSearchSection .cs_SerialNumber {
	position: relative;
	top: 25px;
	left: 20px;
}
.cs_Manual .rn_ProductCategoryList2Tab
{
	width:705px;
}
#cs_ProductManualSection2
{
	float:left;
}
/********************
    19. Online RMA page
********************/
div.onlineRmaSteps
{
	padding: 30px 0;
}
#cs_rmaForm input[type="submit"] {
    background: none repeat scroll 0 0 #BDD731;
    border: medium none;
    color: #000000;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    margin-right: 10px;
    padding: 5px;
	border-radius:10px;
    text-decoration: none;
    width: 100px;
}




/********************
Ralph's new style elements - 10 June 2013
********************/
.note {
	border-radius: 6px;
	padding: 6px;
	background-color: #E9E9E9;
}
.listed-link {
	list-style-type: none;
}
.listed-link a {
	line-height: 30px;
	text-decoration: none;
	background: url(http://www.tomtom.com/lib/img/cs/site/arrow.png) no-repeat 0 5px;
	padding: 0 0 4px 12px;
	cursor: pointer;
}
.listed-link a:hover {
	color: #000000;
	text-decoration: underline;
	background: url(http://www.tomtom.com/lib/img/cs/site/arrow.png) no-repeat 0 -23px;
}
.listed-link a:visited {
	color: #424542;
}
.listed-devices-link {
	list-style-image: url(http://www.tomtom.com/lib/img/cs/site/more-link-new.png);
	cursor: pointer;
}
.listed-devices-link a {
	line-height: 30px;
	text-decoration: none;
}
.listed-devices-link a:hover {
	color: #000000;
	text-decoration: underline;
}
.listed-devices-link a:visited {
	color: #424542;
}
.more {
	background: url(http://www.tomtom.com/lib/img/cs/site/arrow-down.png) no-repeat right 7px;
	cursor: pointer;
	padding: 0 12px 4px 0;
	text-decoration: underline;
}
.more:hover {
	color: #000000;
	background: url(http://www.tomtom.com/lib/img/cs/site/arrow-down.png) no-repeat right -26px;
}
.button {
	font-weight:bold;
	font-size: inherit; 
	vertical-align: middle; 
	text-align: center; 
	cursor: pointer;
}
.intext_image {
	width: 15px;
	height: 15px;
}

.box 				{border-radius: 6px; padding: 6px; cursor: default;}
.back_gray 			{background-color: #CECECE;}
.back_green 		{background-color: #BDD731;}
.back_silver 		{background-color: #E9E9E9;}
.hover_gray:hover 	{background-color: #CECECE;}
.border_gray 		{border: 1px solid #CECECE;}
.border_green 		{border: 1px solid #BDD731;}
.border_silver 		{border: 1px solid #E9E9E9;}
.border_red 		{border: 1px solid #E4322B;}

/*/Qualaroo override*/
html div#ki_container #ki_thanks_message p
{
	color: #fff;
}
/*/Qualaroo override*/
html div#ki_container #ki_thanks_message p
{
	color: #fff;
}

.btn {
	background: #BDD405 !important;
  border-radius: 20px;
  color: #444444;
  cursor: pointer;
  font-family: 'Gibson_SemiBold',Arial,Helvetica,Verdana;
  font-size: 14px;
  font-family: gotham-bold;
  height: 28px;
  margin-left: 15px;
  min-width: 75px;
  padding: 10px;
  border: 0;
}


/*  primary & secondary button - suresh */

.primary {
	background-color: #BDD731;
}
.primarygray {
	background-color: #777;
	color:#FFF !important;
}
.primarygray:hover {
	background-color: #AAA;
}
.secondary {
	background-color: #FFF;
	border: 1px #c0c0c0 solid;
}
.disabled {
	background-color: #dcdcdc;
	color: #c0c0c0;
}
.primary:hover {
	background-color: #AAC12C;
}
.primary:active {
	background-color: #A1B72A;
}
.secondary:hover {
	background-color: #DCDCDC;
}
.secondary:active {
	background-color: #c0c0c0;
}

/*buttons*/
.bttnsmall {
	color: #333333;
	/*font-family: "Gotham";*/
	font-weight: 300;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 38px;
	display: inline-block;
	/* margin: 10px 0px;*/
	text-decoration: none !important;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}



#cs_ProductCategorySidebar {
  float: left;
  position: relative;
  font-size: 10px;
	
	min-height: 690px;
  /* padding: 15px; */
  position: relative;
  width: 204px;
  z-index: 2;
}

#cs_ProductCategorySidebar h2 {
  font-weight: bolder;
  padding-bottom: 5px;
  line-height: 24px;
	
	color: #737573;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  line-height: 30px;
}

#cs_ProductCategorySidebar a {
  background: url("/euf/assets/images/more-link-new.png") no-repeat scroll right 8px transparent;
  color: #424542;
  display: block;
  text-decoration: none;
  padding-right: 12px;
}

#cs_ProductCategorySidebar a:hover {
	text-decoration: underline;
}
.cs_ProductCategorySidebarContent {
  position: relative;
  z-index: 2;
  min-height: 690px;
  padding: 15px; 
  width: 175px;

}

#pclinked h3 { display:none; }

#cs_subCategoryNavigation {
  clear: both;
  overflow: hidden;
  position: relative;
	
	float: left;
  width: 200px;
  margin-left: -5px;
	
}
.cs_sub_cat_navUL ul {
  border-top: 1px solid #DEDBDE;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.cs_sub_cat_navUL li {
  border-bottom: 1px dashed #DEDBDE;
  margin: 0;
  line-height: 24px;
}

.cs_sub_cat_navUL > div {
	width: 175px;	
}
#cs_ProductCategorySidebar .border-component {
  width: 100%;
}

#cs_Paginator {
  margin-top: -40px;
}

/*  login_form create acccount button  */
#create_new_account {
    /*width: 120px; RvZ 20150807 */
}
/* contact page phone numner vertical align */
p.phonenumber span {
  vertical-align: 12px;
}

/* 20150723 RvZ AU CP3 CSS Repairs */
.rn_Hidden {
  display: none !important; 
}
.additionalresults h4, .additionalresults p a {
  padding-left: 8px; 
}

/* login form css */
.rn_LoginForm label {
    display: block;
    margin-bottom: 5px;
}
.rn_LoginForm input {
    margin-bottom: 5px;
}
.rn_LoginForm input[type="text"], .rn_LoginForm input[type="password"] {
    width: 200px;
}
/*
*/
.rn_PollAnswerArea table tr td label {
  margin-left: 5px;
}


.td50 {
	width: 50%;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
.td-menu-left {
	border-bottom: 1px #E9E9E9 solid;
	border-right: 1px #E9E9E9 solid;
}
.td-menu-right {
	border-bottom: 1px #E9E9E9 solid;
}
.td-list-left {
	border-right: 1px #E9E9E9 solid;
}