body         { background-color: #FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #808080; 
               padding-top: 20px; padding-bottom: 20px }
.content     { border-bottom: 5px solid #5F5BB1; padding-bottom: 5px }
.formpadding { padding: 5px }
.formtitle   { font-size: 10pt; color: #000080; border-bottom: 1px dotted #CBCBCB; 
               padding-top: 5px; padding-bottom: 5px }
.splash      { background-image: url('../img/splash.jpg'); background-color: #5F5BB1; 
               background-repeat: no-repeat; color: #FFFFFF; padding: 7px; 
               background-position: left top; text-align: left}
.copy        { font-family: Arial; font-size: 10px; color: #C0C0C0 }
.copy a, .copy a:link, .copy a:visited, .copy a:active { color: #999999; text-decoration: none }
.copy a:hover { background-color: #fff; color: #000080 }
.contactinfo { background-image: url('../img/bg_contact.jpg'); background-repeat: no-repeat; 
               padding-left: 10px; padding-right: 5px; padding-top: 0; 
               padding-bottom: 0px; background-position: left top; text-align: left; height: 170px; color: #000080 }
.contactinfo a:link, .contactinfo a:visited, .contactinfo a:active { color: #5F5BB1; text-decoration: none }
.contactinfo a:hover { color: #000080 }
.contactphone { font-size: 14pt }
.feature     { color: #FFFFFF; padding: 0px 5px 0px 5px; height: 170px }
.feature a   { color: #FFFF00; text-decoration: none }
.feature a:link { color: #FFFF00; text-decoration: none }
.feature a: active { color: #FFFF00; text-decoration: none }
.feature a:visited { color: #FFFF00; text-decoration: none }
.feature a:hover { color: #FFFFFF; text-decoration: none }
#ipod        { background-image: url('../img/bg_ipod.jpg'); background-repeat: no-repeat; 
               background-color: #000080; background-position: left top }
#handsfree   { background-image: url('../img/bg_handsfree.jpg'); background-repeat: no-repeat; 
               background-color: #C0C0C0; background-position: left top }
#navigation  { background-image: url('../img/bg_satnav.jpg'); background-repeat: no-repeat; 
               background-color: #FF2020; background-position: left top }
.title       { font-size: 10pt; color: #000080 }
.titlealt    { font-size: 10pt; color: #5F5BB1 }
.column      { border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; 
               padding-left: 10px; padding-right: 10px; text-align: left }
.column img  { float: right; margin-left: 5px; margin-right: 0px; margin-top: 0; 
               margin-bottom: 5px }
.column a, .column a:link, .column a:active, .column a:visited { color: #FF2020; text-decoration: none }
.column a:hover { color: #FF2020; text-decoration: underline }
.gallery     { border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; 
               padding-left: 10px; padding-right: 10px; text-align: left }
.navbar      { background-image: url('../img/navbar.gif'); background-repeat: no-repeat; 
               border-top: 4px solid #FFFFFF; border-bottom: 8px solid #FFFFFF; 
               background-position: left top }
.header      { background-color: #FFFFFF; border-bottom: 5px solid #CBCBCB; padding-bottom: 8px }
.head-phone  { background-image: url('../img/bg_head_small.gif'); background-repeat: no-repeat; 
               color: #fff; padding-left: 8px; padding-bottom: 10px; 
               background-position: right bottom; color: #5F5BB1; font-size: 18pt }
.dialcode    { color: #FF2020 }
.freephone   { font-size: 12pt }
.head-handsfree { background-image: url('../img/bg_head_main.gif'); background-repeat: no-repeat; 
               color: #FF5F5F; font-size: 12pt; padding-left: 8px; 
               padding-bottom: 10px; background-position: right bottom }
.head-handsfree a, .head-handsfree a:link, .head-handsfree a:active, .head-handsfree a:visited { font-size: 18pt; color: #5F5BB1; text-decoration: none }
.head-handsfree a:hover { color: #000080; text-decoration: none }
td           { font-size: 8pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: #5F5BB1 }
td a, td a:link, td a:active, td a:visited { color: #808080; text-decoration: none }
td a:hover   { color: #000080; text-decoration: none }
/* list classes */

.whatwedo, .whatwedo ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 
               8pt; margin-left: 0; margin-top: 5px; margin-bottom: 0; 
               padding-left: 0 }
.whatwedo li { background-image: url('../img/arw1.gif'); background-repeat: no-repeat; 
               border-bottom: 1px dotted #CBCBCB; margin-top: 0; 
               margin-bottom: 5px; padding-left: 10px; padding-right: 3px; 
               padding-top: 0; padding-bottom: 9px; background-position: 
               0 .5em }
.whatwedo a, .whatwedo a:link, .whatwedo a:visited, .whatwedo a:active { display: block; background-color: #fff; color: #5F5BB1; text-decoration: none; 
               width: 100% }
.whatwedo a:hover { background-color: #fff; color: #000080; text-decoration: none }
.contactinfo ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 
               8pt; width: 100px; margin-left: 0; margin-top: 5px; 
               margin-bottom: 0; padding-left: 0 }
.contactinfo li { border-bottom: 1px dotted #CBCBCB; margin-top: 0; margin-bottom: 3px; 
               padding-top: 0; padding-bottom: 3px }
.contactinfo a { display: block; background-image: url('../img/blt2.gif'); background-repeat: 
               no-repeat; padding-left: 10px; padding-right: 3px; 
               padding-top: 0px; padding-bottom: 3px; background-position: 
               0 .5em }
.contactcontainer  { padding-top: 9px; margin-bottom: 5px }
.footerlogos { border-right: 1px solid #CBCBCB }
/* NAVBAR STYLE */

.mainnav     { background-image: url('../img/navbar.gif'); background-repeat: no-repeat; 
               font-size: 10pt; background-position: right top }
.mainnav a, .mainnav a:link, .mainnav a:active, .mainnav a:visited { display: block; color: #fff; text-decoration: none; width: 100%; 
               padding-left: 0px; padding-right: 0px; padding-top: 10px; 
               padding-bottom: 9px }
.mainnav a:hover { color: #fff; background-image: url('../img/bg_mainav_hover.gif'); 
               background-repeat: no-repeat; background-position: right top }
#home a      { background-image: url('../img/bg_mainnav_home.gif'); background-repeat: no-repeat; 
               background-position: right top }
#home a:hover { background-image: url('../img/bg_mainnav_home_hover.gif'); background-repeat: 
               no-repeat; background-position: right top }
#last        { background-position: left top }
#last a:hover { background-position: left top }
p            { margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px }
/*span         { font-size: 16pt; font-weight: bold; background-color: #000080; padding: 3px } */
.welcome     { font-size: 16pt; font-weight: bold; background-repeat: repeat; 
               background-attachment: scroll; background-color: transparent }
.preffered   { background-color: FFFF00; font-size: 8pt; color: #3D3B84; padding: 0 }
.featuretitle { font-size: 18px; padding-top: 5px; margin: 0 0 10px 0}
.featuresubtitle{ font-size: 12pt; color: FFFF00; margin: 0; padding: 0 }
.freequote   { font-size: 16pt; font-weight: bold; background-color: #000080; padding: 3px }
.freequote a, .freequote a:link, .freequote a:active, .freequote a:visited { color: #fff; text-decoration: none }
.freequote a:hover { color: #fff; text-decoration: underline }
input        { font-size: 8pt; color: #808080 }
select       { font-size: 8pt; color: #808080 }
h1           { font-size: 18px; color: #fff; background-image: url('../img/bg_h1.gif'); 
               background-repeat: repeat; margin-top: 3px; padding-left: 5px; 
               padding-top: 11px; padding-bottom: 9px; background-position: 
               left top }
h2           { font-size: 10pt; color: #000080; border-bottom: 1px dotted #CBCBCB; 
               margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px }
#smartnav    { background-image: url('../img/h2_smartnav.gif'); background-repeat: no-repeat; 
               background-position: right center }
#tomtom      { background-image: url('../img/h2_tomtom.gif'); background-repeat: no-repeat; 
               background-position: right center }
#vdo         { background-image: url('../img/h2_vdo.gif'); background-repeat: no-repeat; 
               background-position: right center }
#nokia       { background-image: url('../img/h2_nokia.gif'); background-repeat: no-repeat; 
               background-position: right center }
#parrot      { background-image: url('../img/h2_parrot.gif'); background-repeat: no-repeat; 
               background-position: right center }
#sony        { background-image: url('../img/h2_sony.gif'); background-repeat: no-repeat; 
               background-position: right center }
#thb         { background-image: url('../img/h2_thb.gif'); background-repeat: no-repeat; 
               background-position: right center }
#roadangel        { background-image: url('../img/h2_roadangel.gif'); background-repeat: no-repeat; 
               background-position: right center }
#origin         { background-image: url('../img/h2_origin.gif'); background-repeat: no-repeat; 
               background-position: right center }
#ractrackstar        { background-image: url('../img/h2_ractrackstar.gif'); background-repeat: no-repeat; 
               background-position: right center }
#simplytrack         { background-image: url('../img/h2_simplytrack.gif'); background-repeat: no-repeat; 
               background-position: right center }
.contactus   { font-size: 12pt; color: #5F5BB1; font-weight: 800 }
.contactus a, .contactus a:link, .contactus a:active, .contactus a:visited { font-size: 12pt; color: #FF2020; text-decoration: none }
.contactus a:hover { color: #FF2020; text-decoration: underline }
.required    { color: #FF2020 }
.thumbnail   { background-image: url('../img/bg_thumbnail.gif'); background-repeat: no-repeat; 
               height: 80px; background-position: center 50% }
.thumbtext   { font-size: 10px }
.phoneblue   { font-size: 18pt; color: #5F5BB1 }
.phoneyell   { font-size: 18pt; color: #FFFF00 }
