/*******************overrides********************************/

#sidenav {height: 100%; padding: 0px;}
#sidenav ul {padding: 0px; padding-left: 0px;}
#sidenav ul li a {padding: 0px;}
body{
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 1.4em;
  text-align: center;
}


/**********************************************/

.mainPnl
{
  margin:0pt auto;
  text-align:left;
  width:760px;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color: red;

}

.mainPnl a 
{
  line-height: 20px;
  color: black;
  text-decoration:none;
  padding: 2px 0px 2px 0px;
}
/*news page */

.newsDateTextCell
{
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    color: #6C929F;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    border-top: solid 2px #ddd;  
    border-bottom: solid 2px #ddd;  
    padding: 10px 0px;

}
p.newsParagraph
{
  padding: 0px 2px 0px 2px;
  color: #000000;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  margin: 5px 0px;
}


div.newsPanel
{
  text-align: center;
  padding: 5px 0px 5px 0px;
  width: auto;
}
div.newsPanel a
{
  color: #3F87B9;
  cursor: default;
  text-decoration: none;
}

div.newsPanel a:hover
{
  color: #3F87B9;
  cursor: pointer;
  text-decoration: underline;
}
div.newsArticle
{
  text-align: justify;
  padding: 5px 0px 5px 0px;
  width: auto;
}
div.newsArticle a
{
  color: #3F87B9;
  cursor: default;
  text-decoration: underline;
}

div.newsArticle a:hover
{
  color: #3F87B9;
  cursor: pointer;
  text-decoration: none;
}

span.newsDate
{
  color: #A3A3A3;
  text-align: left;
}

div.newsArticle p
{
  padding: 0px;
  margin: 0px;
}

.newsArticleTitle
{
  text-align: left;
  font-weight: bold;
  padding: 5px 0px 10px 0px;
}

.newsArticleMain
{
  text-align: justify;
  font-weight: normal;
  padding: 0px;
}

p.updateNewsParagraph
{
  padding: 0px 2px 0px 2px;
  color: #000000;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  margin: 5px 0px;
}


div.updateNewsPnl
{
  text-align: center;
  padding: 10px 0px 10px 0px;
  width: 280px;
}
div.updateNewsPnl a
{
  color: #3F87B9;
  cursor: default;
  text-decoration: none;
}

div.updateNewsPnl a:hover
{
  color: #3F87B9;
  cursor: pointer;
  text-decoration: underline;
}

iframe.updateNewsFrame
{
  display: block;
  float: left;
  overflow-x:hidden;
}
/* end of news css*/


.content a:hover { text-decoration: underline; }



.contactImage
{
  margin-bottom: 10px;
}

.warrantyMain
{
  width: auto;
  padding-bottom: 10px;
}

.contentContainer
{

  width: 100%;
  height: 400px; 
  display: block;
  clear: both;
  padding: 0px 0px 10px 0px;
}
.contentContainerLogIn
{
  width: 100%;
  padding: 13px 0px 20px 0px;
  height: 200px; 
}
.contentContainerLeft
{
  width: 235px;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible;  
  padding: 0px 0px 0px 23px;
}

.contentContainerLeftContact
{
  width: 23%;
  height: 100%;
  background: transparent url(./images/grey_spot.jpg) repeat-y top right;
  float: left;
  overflow:hidden;
  #overflow:visible;  
  padding: 0px 10px 0px 0px;
}

.contentContainerLeftLogIn
{
  width: 21%;
  height: 100%;
  background: transparent url(./images/grey_spot.jpg) repeat-y top right;
  float: left;
  overflow:hidden;
  #overflow:visible;  
  padding: 0px 10px 0px 0px;
}
.contentContainerLeftCareers
{
  width: 27%;
  height: 100%;
  background: transparent url(./images/grey_spot.jpg) repeat-y top right;
  float: left;
  overflow:hidden;
  #overflow:visible;  
  padding: 0px 10px 0px 0px;
}

.contentContainerLeftWarranty
{
  width: 15%;
  height: 100%;
  background: transparent url(./images/grey_spot.jpg) repeat-y top right;
  float: left;
  overflow:hidden;
  #overflow:visible;  
  padding: 0px 10px 0px 0px;
}
.contentContainerMiddle
{
  background: transparent url(./images/grey_spot.jpg) repeat-y top right;
  width: 50%;
  #width:51%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 7px 0px 4px;   
}
.contentContainerMiddleRcom
{
  background: transparent url(./images/grey_spot.jpg) repeat-y top right;
  width: 44%;
  #width:45%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 7px 0px 4px;
}
.contentContainerMiddleLarge
{
  width: 70%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 0px 0px 25px;
}
.contentContainerMiddleLargeSupport
{
  width: auto;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  margin: 0px 0px 0px 20px;
  background-color: white;
}

.contentContainerContact
{
  width: 75%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 0px 0px 6px;
}

.contentContainerMiddleCareers
{
  width: 71%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 0px 0px 6px;
}

.contentContainerMiddleLargeLogIn
{
  width: 77%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 0px 0px 6px;
}
.contentContainerMiddleLargeWarranty
{
  width: 83%;
  _width: 81%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 0px 0px 6px;
}
.contentContainerMiddleLargeFooter
{
  width: 98%;
  height: 100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 0px 20px 6px;
}
.contentContainerRight
{
  width: 18%;
  _width: auto;
  height:100%;
  float: left;
  overflow:hidden;
  #overflow:visible; 
  padding: 0px 0px 0px 10px;   
}
.contentContainerRightHidden
{
  display: none;
}
.contentContainerRight p
{
  padding: 0px;
}


.worldMapContainer
{
  padding: 10px 0px 0px 10px;
}

.maxwidth
{
  width: 960px;
  margin: 0px auto;
 background: #E4E4E4 url(./images_v6/background_title.jpg) repeat-x 0 0; 
 /*background-color: #F1F1F1;*/
}

.maxwidth_sales
{
  width: 960px;
  margin: 0px auto;
  background: #E4E4E4 url(./images_v6/background_title.jpg) repeat-x 0 0;
}

#europe_link.worldwideToolbarPanelEU 
{
  color: red;
}

#us_link.worldwideToolbarPanelUS
{
  color: red;
}

.driverCommVideoMain
{
  padding-top: 15px;
}

.driverCommNuviInstallImage
{
  margin-right: 30px;
}
.driverCommVideoLegendMain
{
  padding: 5px 0px 10px 0px;
}
.driverCommNuviInstallLegend
{
  width:280px; 
  height: 50px; 
  float:left; 
  font-weight: bold;
}
.driverCommNuviVideoLegend
{
  width:300px;
  height: 50px;
  float:left;
  margin-left: 12px;
  margin-right: 30px;
  font-weight: bold;
}



/* download centre specific */
.stdLinkPanel a
{
  color: #3F87B9;
  cursor: default;
  text-decoration: underline;
}

.stdLinkPanel a:hover
{
  color: #3F87B9;
  cursor: pointer;
  text-decoration: none;
}

.subheadingDownload
{
  color: #3F87B9;
  font-size: normal;
  font-weight: bold;
  background: transparent url(./images/grey_line_unit.jpg) repeat-x bottom left;
  width:95%;
  float:left;
  line-height:20px;
  font-family: verdana,arial,tahoma;
}

.subheadingDownloadNoFloat
{
  color: #3F87B9;
  font-size: 14px;
  font-weight: bold;
  background: transparent url(./images/grey_line_unit.jpg) repeat-x bottom left;
  margin-right: 10px;
}

.subheadingNoFloatNoLine
{
  color: #3F87B9;
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
  margin-left: 20px;
}

.subheadingBlack
{
  font-size:14px;
  color:black;
  font-weight:bold;
}

.downloadAdobePnl
{
  padding: 10px;
  background-color: #EFEFEF;
  clear:both;
  margin: 60px 10px 20px 0px;
}

.fileListPnlMain
{
  padding: 10px 0px 20px 0px;
  margin-right: 10px;
}

.fileMainPnl
{
  display:block; clear:both;
  padding: 5px 0px 5px 50px;  
}
.showBtnPnl
{
  line-height:20px;
  float:left;
  width:5%;
  background:  transparent url(../styles/images/grey_line_unit.jpg) repeat-x bottom right;
  
}
.showBtnPnl a
{
  text-decoration: none;
  color: white;
  background-color: #AAA;
  padding: 3px 2px;
}

.showBtnPnl a:hover
{
  text-decoration: none;

  color: #3F87B9; 
  background-color: #AAA;
  padding: 3px 2px;
}
/* end download centre specific */


/* beginning of support related css */

.supportOverviewBtnPnl
{
  margin-left: 350px;
 
}
.supportOverviewBtnPnl a
{
  background:  transparent url(../styles/images/visitBtn.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.supportOverviewBtnPnl a:hover
{
  background:  transparent url(../styles/images/visitBtn_hover.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.supportOverviewRegisterBtnPnl
{
  margin-left: 350px;
}
.supportOverviewRegisterBtnPnl a
{
  background:  transparent url(../styles/images/registerBtn2.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.supportOverviewRegisterBtnPnl a:hover
{
  background:  transparent url(../styles/images/registerBtn2_hover.png) no-repeat top left;
}

.contactPageTable
{
  width: 99%;
  border:0;
  padding:0;
  margin:0;
}

.contactPageTable ul li
{
  list-style: none;
  background-image: none;
}
.contactPageTable ul li.title
{
  font-weight: bold;
}

.contactPageTable h1
{
   font-size: 12px;
   text-align: left;
   border: none;
   border-bottom: 1px dashed #CCCCCC;
   margin-left: 4px;
   background-color: inherit;
}
/* end of support related css */




/* login related css */
.loginViewBtnPnl
{
  margin-left: 550px;
 
}
.loginViewBtnPnl a
{
  background:  transparent url(../styles/images/visitBtn.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.loginViewBtnPnl a:hover
{
  background:  transparent url(../styles/images/visitBtn_hover.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}
.loginLaunchBtnPnl
{
  margin-left: 550px;
  margin-top: 10px;
 
}
.loginLaunchBtnPnl a
{
  background:  transparent url(../styles/images/launchBtn.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.loginLaunchBtnPnl a:hover
{
  background:  transparent url(../styles/images/launchBtn_hover.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.rcomLaunchBtnPnl
{
  margin-left: 515px;
 
}
.rcomLaunchBtnPnl a
{
  background:  transparent url(../styles/images/launchBtn.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.rcomLaunchBtnPnl a:hover
{
  background:  transparent url(../styles/images/launchBtn_hover.png) no-repeat top left; 
  padding: 5px 34px 5px 34px;
}

.errorLaunchRCOMOnline
{
  margin: 0 10px 0 10px;
  width: 560px;
  padding: 10px 10px 10px 0px;
  margin-bottom:2em;
  background-color: #EFD1D2;
  border: 1px solid #FF9999; 

}

/* end of login related css */




/************************v5 content css*************************/

.mainContent
{
  width:auto;
}

.mainContent p
{
  padding: 0px;
  text-align: justify;
}

.mainContent a
{
  text-decoration: underline;
  color:#3F87B9;
}

.mainContent a:hover
{
  text-decoration: none;
  color: #3F87B9;
}

.embeddedImageRight
{

  margin: 2px 0px 2px 4px;
}

.embeddedImageLeft
{
  margin:  2px 4px 2px 0px;
  #float: left;
}

.nuviLegend
{
  padding: 60px 0px 10px 0px;
}
.contentItalic
{
  font-style: italic;
}
.embeddedImageLeftNuvi
{
  margin:  2px 10px 2px 0px;
  float: left;
  _float: none;
}
.centerContents
{
  text-align: center;
}
.centerContentsHOS
{
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.centerContentsWithPadding
{
  text-align: center;
  padding-left: 10px;
}
.figureLegend p
{
  text-align: center;
  font-size: 14px;
  font-weight: bolder;  
}
.subheadingOrange
{
  color: #3F87B9;
  font-size: 14px;
  font-weight: bold;
}
.subheadingOrangeBelowImage
{
  color: #3F87B9;
  font-size: 14px;
  font-weight: bold;
  padding-top: 20px;
}
.orangeText
{
  color: #3F87B9;
}
.justifiedText
{
  text-align: justified;
}
.greyText
{
  color: #aaa;
}
.mainHeading
{

  font-family: Verdana,Arial, Tahoma;
  font-size: x-large;
  color: #2D709A;
  background-image: none;
  padding: 15px 0px 0px 20px; 
}

.careersEqualOpportunityText
{
  color: #aaa;
  text-align:center;
  padding-top:20px;
}

.quoteAlign
{
  float:none;
  padding-left: 100px;
  padding-bottom: 10px;
}

.quoteAlignTacho
{
  float:none;
  padding-left: 100px;
  padding-bottom: 2px;
  #padding-bottom: none;

}
.tachoNote
{
  margin-left:10px;
}


/****************end of v5 content css********************/



/*********Summary Panel***************/

.summaryPanel
{
  color: #aaa;
}
.summaryPanel ul
{
  margin-left: 10px;
  padding-left: 5px;
  width: auto;
}



/*******************overrides********************************/



/*replacement for divfix in support pages*/
.divfix_small
{
  width: 500px;
  padding: 10px 5px 0px 0px;
}

.divfix_support
{
  padding: 25px 8px 10px 6px;
   width: 430px;
   float: left;
}
.divfix_rcomonline
{
  width: auto;
  padding-bottom: 20px;
}
div.divfix {
  width: auto;  
  display: block;
  clear: both;
}
/*must add navContainer id to header.tpl*/
.divfix_login
{
  width: 626px;
  padding: 10px;
}


#head div.rcomlogo { float: left; padding: 26px; display: block; }
#head div.rcomlogo a { float: left;}

.navContainer
{
  width: auto;
}


#nav
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 1px;
  width: 960px;
  _margin: 0px 0px 0px 1px;
  _padding: 0px 0px 0px 0px;
  _float: none;
  background-image:none;
  background: none;
}
#nav ul            { float: left; margin: 0 0 0 300px; _margin: 0px 0px 0px 150px; padding: 0; }
#nav ul li         { display:block; float:left; width: auto; list-style: none; text-align: center; margin:0; padding:0px 3px; color: #999999;}
#nav ul li a       {font-family: Tahoma,Verdana,Arial; background-image: none; color: #000000; text-decoration:none; display: block; width: auto; font-size: 11px; border:none; }
#nav ul li a:hover {font-family: Tahoma,Verdana,Arial; background-image: none; color: #999999; text-decoration:none; display: block; width: auto; font-size: 11px; border:none; }

#so #nav ul li a#mn1,
#te #nav ul li a#mn2,
#su #nav ul li a#mn3,
#ca #nav ul li a#mn4,
#co #nav ul li a#mn5,
#lo #nav ul li a#mn6,
#ne #nav ul li a#mn7        {background-image: none; color: #FF0000; }

#so #nav ul li a:hover#mn1,
#te #nav ul li a:hover#mn2,
#su #nav ul li a:hover#mn3,
#ca #nav ul li a:hover#mn4,
#co #nav ul li a:hover#mn5,
#lo #nav ul li a:hover#mn6,
#ne #nav ul li a:hover#mn7   {background-image: none; color: #999999;}


div.divl 
{
  width:auto;
}
.worldMap
{
  color: #364E6A;
  position: inherit;
  top: 0px;
  left: 0px;
  padding: 10px 0px 0px 10px;
}

form#f_lo
{
  padding:10px;
  width:250px;
  border: none;
  background-color: transparent;
}
/****************************end of v5 css*********************/










/*************v6 additions*************************/


/********side menu - sales***********************/

.menuLandingHeader
{
  background: url(./images_v6/menu_normal.jpg) no-repeat -4px 0px;
  width: 233px; 
  height: 40px;
}

.menuLandingFooter
{
  background: url(./images_v6/menu_normal.jpg) no-repeat -4px -833px;
  width: 233px; 
  height: 18px;
}

#sidenav .menuLandingClass ul,.menuLandingClass ul li{list-style-type: none;  background-image: none; background-position: 0px; margin: 0px; padding: 0px; line-height: 0px;}
.menuLandingClass ul li, .menuLandingClass ul li a {width: 233px; display: block; height: 88px; background-color: transparent; }
.menuLandingClass ul li a#sn1 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -43px; }
.menuLandingClass ul li a#sn2 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -131px;}
.menuLandingClass ul li a#sn3 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -219px;}
.menuLandingClass ul li a#sn4 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -307px;}
.menuLandingClass ul li a#sn5 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -394px;}
.menuLandingClass ul li a#sn6 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -482px;}
.menuLandingClass ul li a#sn7 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -742px;}
.menuLandingClass ul li a#sn8 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -569px;}
.menuLandingClass ul li a#sn9 {background: url(./images_v6/menu_normal.jpg) no-repeat -4px -656px;}

.menuLandingClass ul li a:hover#sn1 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -43px;}
.menuLandingClass ul li a:hover#sn2 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -131px;}
.menuLandingClass ul li a:hover#sn3 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -219px;}
.menuLandingClass ul li a:hover#sn4 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -307px;}
.menuLandingClass ul li a:hover#sn5 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -394px;}
.menuLandingClass ul li a:hover#sn6 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -482px;}
.menuLandingClass ul li a:hover#sn7 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -742px;}
.menuLandingClass ul li a:hover#sn8 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -569px;}
.menuLandingClass ul li a:hover#sn9 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -656px;}

#menuLanding1 ul li a#sn1 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -43px;}
#menuLanding2 ul li a#sn2 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -131px;}
#menuLanding3 ul li a#sn3 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -219px;}
#menuLanding4 ul li a#sn4 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -307px;}
#menuLanding5 ul li a#sn5 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -394px;}
#menuLanding6 ul li a#sn6 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -482px;}
#menuLanding7 ul li a#sn7 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -742px;}
#menuLanding8 ul li a#sn8 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -569px; _background: url(./images_v6/menu_black.jpg) no-repeat -4px -566px;}
#menuLanding9 ul li a#sn9 {background: url(./images_v6/menu_black.jpg) no-repeat -4px -656px; _background: url(./images_v6/menu_black.jpg) no-repeat -4px -654px;}


/* side menu - info */
#info_menu
{
  height: 100%;
  background: white url(./images_v6/side_menu_bottom_2.jpg) no-repeat bottom left;
  _width: 233px;
}

#info_menu .info_menu_inner  ul{padding: 0px;}
#info_menu .info_menu_inner li
{
  width:233px;
  height: 44px;
  padding: 0px;
  background-color: white;
  _padding-left: 0px;
}

h6 
{ 
  margin:0px; 
  padding: 0px;
}

#info_menu .info_menu_inner li h6
{
  text-align: left;
  font-family: Verdana,Arial, Tahoma;
  font-size: medium;
  font-weight: bold;
  color: #2D709A;
  background-image: none;
  padding: 0px 0px 0px 10px; 
}



#info_menu .info_menu_inner li a
{
  height: 100%;
  width: auto;
  text-align: left;
  font-family: Verdana,Arial, Tahoma;
  font-size: medium;
  color: #2D709A;
  background-image: none;
  padding: 6px 0px 0px 10px;  
}

#info_menu .info_menu_inner li a:hover{background: white  url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px; color:#FFFFFF;}

#menu0 ul li a#sn0 {  background: white  url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px; color:#FFFFFF;}
#menu1 ul li a#sn1 {  background: white  url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px; color:#FFFFFF;}
#menu2 ul li a#sn2 {  background: white  url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px; color:#FFFFFF;}
#menu3 ul li a#sn3 {  background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu4 ul li a#sn4 {  background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu5 ul li a#sn5 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu6 ul li a#sn6 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu7 ul li a#sn7 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu8 ul li a#sn8 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu9 ul li a#sn9 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu10 ul li a#sn10 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu11 ul li a#sn11 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu12 ul li a#sn12 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu13 ul li a#sn13 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu14 ul li a#sn15 {background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu15 ul li a#sn16 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu16 ul li a#sn18 {background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}
#menu17 ul li a#sn19 { background: white url(./images_v6/menu_normal_underlay2.jpg) no-repeat 0px 0px;  color:#FFFFFF;}


/* end info menu header and footer */

div.info_menu_header_container
{
  clear: both;
  height:19px;
  width: 100%;
  #width: 233px;
   background: transparent url(./images_v6/side_menu_top_2.jpg) no-repeat top left;
}


div.side_menu_middle
{
  float:left;
  min-width: 100px;
  width: auto;
  height: 25px;
  background: transparent url(./images_v6/side_menu_middle.jpg) repeat-x top left;
}
/********end of side menu***********************/


div.supp_ov_header_container
{
  clear: both;
  padding:0px;
  width: 100%;
  #width: 657px;
}

div.supp_ov_footer_container
{
  clear: both;
  padding:0px;
  margin-top: 25px;
  width: 100%;
  #width: 657px;
}

/****************sales content**************************/

a:focus, a:active {outline: none;} 

.v6_submenu ul {background-image: none; background-position: 0px; margin: 0px; padding: 0px; line-height: 0px;background-color: #E4E4E4;}
.v6_submenu ul li{list-style-type: none;  background-image: none; background-position: 0px; margin: 0px; padding: 0px; line-height: 0px;background-color: #E4E4E4;}
.v6_submenu ul li, .v6_submenu ul li a {width: 116px; float: left; height: 42px; padding: 0px 3px;}
.v6_submenu ul li a#sm3{background: url(./images_v6/preview_tab.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm1{background: url(./images_v6/enhanced_tab.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm2{background: url(./images_v6/savings_tab.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm4{background: url(./images_v6/tachograph_tab.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm5{background: url(./images_v6/infringements_tab.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm8{background: url(./images_v6/tab_perf_scores.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm9{background: url(./images_v6/tab_fuel_savings.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm10{background: url(./images_v6/tab_fuel_theft.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm3.active,.v6_submenu ul li a:hover#sm3{ height: 44px;background: url(./images_v6/preview_tab_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm1.active,.v6_submenu ul li a:hover#sm1{ height: 44px;background: url(./images_v6/enhanced_tab_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm2.active,.v6_submenu ul li a:hover#sm2{ height: 44px;background: url(./images_v6/savings_tab_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm4.active,.v6_submenu ul li a:hover#sm4{ height: 44px;background: url(./images_v6/tachograph_tab_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm5.active,.v6_submenu ul li a:hover#sm5{ height: 44px;background: url(./images_v6/infringements_tab_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm8.active,.v6_submenu ul li a:hover#sm8{ height: 44px;background: url(./images_v6/tab_perf_scores_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm9.active,.v6_submenu ul li a:hover#sm9{ height: 44px;background: url(./images_v6/tab_fuel_savings_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm10.active,.v6_submenu ul li a:hover#sm10{ height: 44px;background: url(./images_v6/tab_fuel_theft_active.jpg) no-repeat 0px 0px;}
.v6_submenu ul li a#sm6,.v6_submenu ul li a#sm7
 {
    background: url(./images_v6/empty_tab.jpg) no-repeat 0px 0px;
    width: 116px;
    float: left;
    padding-top: 6px;
    height: 36px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    color:#7A7A7A;
 }
.v6_submenu ul li a:hover#sm6,.v6_submenu ul li a:hover#sm7,
.v6_submenu ul li a#sm6.active, .v6_submenu ul li a#sm7.active
{
  background: url(./images_v6/empty_tab_active.jpg) no-repeat 0px 0px;
  color:black;
  height: 38px;
}



.v6_driver_infringement ul,.v6_driver_performance ul, .v6_feature_preview_inner ul,
.v6_fuel_savings ul,  .v6_fuel_theft ul, .v6_tacho_features ul, .v6_greater_savings ul,.v6_enhanced_features ul
 {
    list-style-type: none;
    background-image: none; background-position: 0px; margin: 0px; padding: 0px; line-height: 0px;
 }


.v6_driver_infringement ul li,.v6_driver_performance ul li, .v6_greater_savings ul li,.v6_enhanced_features ul li,
.v6_fuel_savings ul li,  .v6_fuel_theft ul li, .v6_tacho_features ul li
{
  background: transparent url(./images_v6/pro_feat_bullet.jpg) no-repeat left top;
  margin: 25px 0px 25px 0px;
  padding: 0px 0px 0px 10px;
  font-family: tahoma,verdana,arial,sans-serif;
  font-size: 10pt;
  line-height: 12pt; 
}

.hidden_panel
{
  display:none;
}

.v6_content_container
{
  background-color: white;
  display: block; 
  max-width: 646px;
  _width: 646px;
}

.v6_submenu
{
  min-height: 44px;
  padding: 0px;
  background-color: #E4E4E4;
  max-width: 646px;
  _width: 646px;
}
.v6_enhanced_features, .v6_greater_savings, .v6_driver_performance, .v6_driver_infringement,
.v6_fuel_savings, .v6_fuel_theft , .v6_tacho_features 
{
  padding: 10px 0px 20px 0px;
  margin: 0px auto 0px 20px;
  width: 86%;
  background-color: white;
}

.v6_enhanced_features img, .v6_fuel_savings img,  .v6_tacho_features img
{
  margin-left: -2px; 
}
#contentContainer h1
 {
    background: white url(./images_v6/orange_dot.jpg) repeat-x bottom left;
    font-family: tahoma,verdana,arial,sans-serif;
    color: #E56F41;
    font-size: 12pt;
    line-height: 13pt;
    padding: 10px 0px 10px 0px; 
    margin: 0px; 
    border: none;
 }

div.v6_grey_line_separator
{
  background: transparent url(./images_v6/grey_spot_line.png) no-repeat 0 0;
  width: 616px;
  height: 4px;
  float: left;
  #float:none;
  #clear: both;
  margin: 10px 0px;
}

.v6_feature_preview
{
  #float: left;
  padding: 5px 0px 5px 0px;
  background-color: white;
}

.v6_feature_preview_inner
{
  padding: 0px;
  float: left;
  background-color: white;
  padding-left: 15px;
}

.v6_feature_preview_inner li.fp_text
{
  list-style-type: none;
  background-image: none;
  background-position: 0px;
  margin: 35px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 54%;
  _width: 53%;
  font-family: tahoma,verdana,arial,sans-serif;
  font-size: 10pt;
  line-height: 12pt;
}

.v6_feature_preview_inner li.fp_text_lower
{
  list-style-type: none;
  background-image: none;
  background-position: 0px;
  margin: 45px 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 54%;
  _width: 53%;
  font-family: tahoma,verdana,arial,sans-serif;
  font-size: 10pt;
  line-height: 12pt;
}

.v6_feature_preview_inner li.fp_image
{
  list-style-type: none;
  background-image: none;
  background-position: 0px;
  margin: 0px;
  padding: 0px;
  float: right;
  width: 46%;
  _width: 47%;
}

div.v6_feature_preview_inner_ie6
{
    margin: 0px;
    float: right;
}


.v6_BackToTopPnl
{
  clear: both;
  padding: 0px 0px 0px 0px;
  visibility: hidden;
}


/************end of sales content*************/


div.stdLinkPanel
{
  max-width: 646px;
}

div.stdLinkDownload
{
  width: 636px;
  _width: 634px;
  padding-bottom: 10px;
}

form#f_ls, form#f_cf
{
  margin: 30px 0px 10px 10px;
}

form#reg_form, form#fg_password,form#frm_chng_password,
form#add_ret1,form#add_ret2,form#add_ret3
{
  margin: 10px 0px 10px 10px;
}

form#add_ret4
{
  margin: 0px 0px 10px 10px;
}


div.product_reg_fix
{
  padding: 20px 0px 20px 10px;
}

div.v6_submenu_ie_4t
{
  background-color: #E4E4E4;
  #padding-right: 158px;
  _padding-right: 0px;
}

.v6_submenu_ie_2t
{
  background-color: #E4E4E4;
  #padding-right: 402px;
  _padding-right: 0px;
}

.v6_submenu_ie_1t
{
  background-color: #E4E4E4;
  #padding-right: 524px;
  _padding-right: 0px;
}

.v6_submenu_ie_3t
{
  background-color: #E4E4E4;
  #padding-right: 280px;
  _padding-right: 0px;
}

div.stdLinkPanel p
{
  padding-left: 2px;
}

div.v6_sales_summary_pnl
{
  width: 646px;
  height: 194px;
}

div.v6_dr_style_summary {background: transparent url(./images_v6/summary_driving_style.jpg) no-repeat 0 0; }
div.v6_dr_communication {background: transparent url(./images_v6/summary_incab.jpg) no-repeat 0 0; }
div.v6_live_tracking {background: transparent url(./images_v6/summary_tracking.jpg) no-repeat 0 0; }
div.v6_tacho {background: transparent url(./images_v6/summary_tacho.jpg) no-repeat 0 0; }
div.v6_temperature {background: transparent url(./images_v6/summary_temperature.jpg) no-repeat 0 0; }
div.v6_fuel {background: transparent url(./images_v6/summary_fuel_man.jpg) no-repeat 0 0; }
div.v6_fuel_tax {background: transparent url(./images_v6/summary_ifta.jpg) no-repeat 0 0; }
div.v6_hos {background: transparent url(./images_v6/summary_HoS.jpg) no-repeat 0 0; }
div.v6_support_summary_pnl
{
  background: transparent url(./images_v6/blank_grey_summary.jpg) no-repeat 0 0; 
  width: 646px;
  height: 194px;
  background-color: #E4E4E4;
}

div.v6_sale_heading_content
{
  padding: 65px 230px 10px 35px;
  font-family: Verdana,Arial, Tahoma;
  text-align: justify;
  font-size: medium;
  color: #000000;
}

#divfix_Download
{
  padding-left: 10px;
}

div.v6_heading_content
{
  padding: 10px 20px 10px 20px;
  font-family: Verdana,Arial, Tahoma;
  text-align: justify;
  font-size: medium;
  color: #000000;
}
img.img_careers
{
  float:right;
  margin: 3px 15px 0px 0px;
}
div.v6_heading_careers
{
  float:left;
  width:400px;
}
div.mainHeading_Careers
{
  float:left;
  width:400px;
}

div.careers_content
{
  padding: 40px 20px 20px 20px;
  width:606px;
}

.careers_content .stdLinkPanel p
{
  font-size: small;
  font-family: verdana, arial, tahoma;
  padding: 3px;
}
div.subheadingCareers, div.careers_vacancies ul li a
{
  color: #3F87B9;
  font-size: medium;
  font-weight: bold;
}

div.careers_vacancies ul li
{
  padding: 0px 0px 10px 0px;
}

div.careers_vacancies
{
  color: #000000;
  font-size: medium;
  font-weight: bold;
}

div.v6_submenu_ie_4t_careers
{
  background-color: #E4E4E4;
  #padding-right: 280px;
  _padding-right: 0px;
  clear:both;
}

div.job_description_extra
{
  padding: 0px 15px 0px 10px;
  width: 621px;
  _padding: 0px;
  _margin: 0px 15px 0px 10px;
  
}

div.contact_extras
{
  _width: 646px;
}

table.loginTable {
  border:1px solid #D1D9DF;
  padding:0;
  margin: 20px 0px 0px 25px;
  background: transparent url(bg2.jpg) repeat-x 0 0;
}
table.loginTable td {padding: 0px;}
table.loginTable ul li { list-style: none; background-image: none;}
table.loginTable ul li.title { font-weight: bold; }
table.loginTable h1 { font-size: 12px; text-align: left; border: none; border-bottom: 1px dashed #CCCCCC; margin-left: 4px; background-color: inherit; }

div#login_btn
{
  margin-top: 10px;
}
div#login_btn a
{
  text-decoration: none;
  height: 24px;
  width: 68px;
  padding: 24px 0px 0px 68px;
  background: transparent url(./images/loginBtn.png) no-repeat bottom left;
  _background: transparent url(./images/loginBtn_ie6.png) no-repeat bottom left;
}
  
div#login_btn a:hover
{
  text-decoration: none;
  height: 24px;
  width: 68px;
  padding: 24px 0px 0px 68px;
  background:  transparent url(./images/loginBtn_hover.png) no-repeat bottom left;
  _background: transparent url(./images/loginBtn_hover_ie6.png) no-repeat bottom left;

}

.reg_form_additional
{
  padding-bottom: 10px;
}

div.warranty_extras{_width: 646px;}

div.v6_newsBody{width: 626px; background-color: white; padding: 10px;}

/*********************additional material 06/2011************************/

.subheadingContactExtra
{
  margin: 20px 20px 10px 20px;
  padding: 0px 0px 0px 0px;
}

table.contact_table tr td ul
{
  #padding-left: 0px;
}

/*bjd
subtabs formatting
#linksContainer is needed for chrome, otherwise 
it would not apply the classes to the <a/> elements
.subtabs is needed for some weird background stuff
*/
.subtabs{background-color: #E4E4E4;}
div.subtabs, #linksContainer
{
  max-width:646px;
  min-height:46px;
  width:646px;
  _width:646px;
  padding:0px;
  clear:both;
}
ul.subtabs, #linksContainer ul
{
	list-style: none;
	/*background-image: none;*/
	background-position: 0px 50%;
	line-height: 0px;
	margin:0px;
    padding:0px;
    height:0px;
}
li.subtabs, #linksContainer li
{
  /*line-height: 22px;*/
  background-position: 0px 50%;
  display:list-item;/*bjd: inline!*/ 
  padding-left:3px;
  padding-right:3px;
  /*padding-top:4px;*/
  width:116px;
  height:46px; /*ie: does nothing*/
  float:left;
  
}
a.subtabs,.tabpoint_active, #linksContainer a
{
    background: url(./images_v6/empty_tab.jpg) no-repeat 0px 0px;
    width: 116px;
    float: left;
    height: 36px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    color:#7A7A7A;
    background-color: #E4E4E4;
    margin:3px;
    padding-top: 6px;
}
a.tabpoint_active, a.subtabs:hover, #linksContainer a.tabpoint_active, #linksContainer a.subtabs:hover
{
  background: url(./images_v6/empty_tab_active.jpg) no-repeat 0px 0px;
  color:black;
  height: 40px;
}

#product_images_container
{
width:646px;
margin: 20px 20px 20px 20px;
}

#product_images_container a
{
    font-weight:bold;
    text-decoration: none;
}
#product_images_container a:hover
{
    text-decoration: underline;
}

#customer_spotlight_container
{
    width:646px;
    text-align: center;
}
#customer_spotlight_container td
{
    text-align: center;
    margin:0px;
    padding:0px;
    padding-top:40px;
}

#customer_spotlight_container img
{
    /*border-color: red;
    border-style: dotted;
    border-width: 1px;*/
}

#press_releases_container
{
    margin: 20px 20px 20px 20px;
    width:646px;
}

#press_releases_container div
{
    color:#aaa;
}
#press_releases_container a
{
    color:#3F87B9;
    font-weight:bold;
    text-decoration: none;
}
#press_releases_container a:hover
{
    text-decoration: underline;
}

.horizontalLine
{
    background: url(./images/grey_line_unit.jpg) repeat-x bottom left;
    display: block;
    padding-top: 1px;
    line-height: 1px;
}

#branding_guidelines_container
{
    margin: 20px 20px 20px 20px;
    width:646px;
}

#branding_guidelines_container a
{
    font-weight:bold;
    text-decoration: none;
}
#branding_guidelines_container a:hover
{
    text-decoration: underline;
}