/* Layout
----------------------------------------------------------------------------- */

body {
   margin:0px;
   text-align:center;
   padding:0;
   font-family:Verdana, Arial, Sans-Serif;
   font-size:62.5%; /* Set base size to 10px  */
}
#wrap {
   text-align:left;
   width:770px;
   margin:auto;
}
#header {
   position:relative;
   height:105px;
   text-align:right;
}
#logo {
   position:absolute;
   top:35px;
   left:0px;
}
#header-message {
   padding-top:10px;
}
#content {
   background: #fff url(../images/blue_back.gif) repeat-y right;
   margin:15px 0 0 0;
}
#main-col {
   float:left;
   width:565px;
   background-color:#fff;
   text-align:left;
}
#right-col {
   float:right;
   padding-top:5px;
   width:190px;
}

.right-img {
   float:right;
   border:1px solid #9eb6cf;
   padding:2px;
}

.clearer {
   clear:both;
   height:1px;
   font-size:1px;
   border:none;
   margin:0; padding:0;
   background:transparent;
}


/* Top Tabs
----------------------------------------------------------------------------- */

#top-tabs {
   padding-top:25px;
}
#top-tabs ul {
   margin:0 auto 0 auto;
   padding:0;
}
#top-tabs ul li {
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
#top-tabs a {
   font-size:1.1em;
   text-decoration: none;
   color:#ffffff;
   padding:7px 12px 7px 10px;
}
#selcarkits {
   background-color: #808080;
}
#seltel {
   background-color :#336699;
}
#top-tabs a:hover {
   text-decoration: underline;
}

/* Car Kits top navigation
----------------------------------------------------------------------------- */

#carkits-top-nav {
   position:relative;
   background:#336699;
   color:#fff;
}
#carkits-top-nav ul {
   margin:0 auto 0 auto;
   padding:7px 7px 7px 4px;
}
#carkits-top-nav ul li {
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
#carkits-top-nav a {
   font-size:1.1em;
   text-decoration: none;
   color:#ffffff;
   padding:0 12px 0 10px;
}
#carkits-top-nav a#active {
   font-weight:bold;
}
#carkits-top-nav a:hover {
   text-decoration: underline;
}
#carkits-top-nav .line { background: url(../images/grey_verti_dot.gif) repeat-y right; }

#carkits-contact-us {
   position:absolute;
   top:7px;
   right:12px;
}

/* Links and text
----------------------------------------------------------------------------- */

a {
   text-decoration: none;
   color:#ff6600;
}
a:hover {
   text-decoration: underline;
}
p {
   margin:0;
   padding:12px 12px 0 12px;
   font-size:1.1em;
}
.text-bigger {
   font-size:1.2em;
}
.text-bigger-index {
   font-size:1.4em;
   padding-left: 20px;
   background:url(../images/chevron.gif) no-repeat 0px 16px;
}
.blue-text {
   color:#336699;
}
tr .blue-text {
   font-weight:normal;
   font-size:1.1em;
}
.orange-text {
   font-weight:bold;
   color:#ff6600;
   font-size:1.1em;
}
.m2 {
   margin:2px;
}
.pt0 {
   padding-top:0px;
}
.pb12 {
   padding-bottom:12px;
}
.pl20 {
   padding-left: 32px;
}
.ml12 {
   margin-left: 12px;
}
h1 {
   font-size:2.2em;
   letter-spacing:-1px;
   font-weight:normal;
   margin:0;
   padding:0;
}
h2 {
   font-size: 1.4em;
   background-color:#e4eff9;
   margin:2px;
   padding: 6px 0 6px 10px;
}
h3 {
   font-size:1.2em;
   margin:0px;
   padding:12px 12px 0 12px;
}
h4 {
   font-size:1em;
   margin:0px;
   padding:3px 0px 2px 0px;
}
.hori-dots {
   background: url(../images/blue_hori_dot.gif) repeat-x top;
}

/* lists
----------------------------------------------------------------------------- */

ol.numbered {
   padding:0 0 0 25px;
   margin:0;
   font-size:1.1em;
}
ol.numbered li {
   margin:10px 0 0 12px;
}
ol.roman li {
   margin:5px 0 0 0;
   list-style-type: lower-roman;
}

#number_1 {
   padding: 9px 0 0 30px;
   background:url(../images/number1.gif) no-repeat 12px 11px;
}
#number_2 {
   padding: 9px 0 0 30px;
   background:url(../images/number2.gif) no-repeat 12px 11px;
}
#number_3 {
   padding: 9px 0 0 30px;
   background:url(../images/number3.gif) no-repeat 12px 11px;
}
#number_4 {
   padding: 9px 0 0 30px;
   background:url(../images/number4.gif) no-repeat 12px 11px;
}
#number_5 {
   padding: 9px 0 0 30px;
   background:url(../images/number5.gif) no-repeat 12px 11px;
}
.tick {
   padding-left: 20px;
   background:url(../images/tick.gif) no-repeat 0px 2px;
   font-weight: bold;
}

#t_number_1 {
   padding-left: 20px;
   background:url(../images/number1.gif) no-repeat 0px 2px;
}
#t_number_2 {
   padding-left: 20px;
   background:url(../images/number2.gif) no-repeat 0px 2px;
}
#t_number_3 {
   padding-left: 20px;
   background:url(../images/number3.gif) no-repeat 0px 2px;
}
#t_number_4 {
   padding-left: 20px;
   background:url(../images/number4.gif) no-repeat 0px 2px;
}
#t_number_5 {
   padding-left: 20px;
   background:url(../images/number5.gif) no-repeat 0px 2px;
}
#t_number_6 {
   padding-left: 20px;
   background:url(../images/number6.gif) no-repeat 0px 2px;
}
.chevron {
   padding-left: 20px;
   background:url(../images/chevron.gif) no-repeat 0px 14px;
}
.plus {
   padding-left: 20px;
   background:url(../images/plus.gif) no-repeat 0px 2px;
}
.minus {
   padding-left: 20px;
   background:url(../images/minus.gif) no-repeat 0px 2px;
}

/* carkits homepage
----------------------------------------------------------------------------- */

#carkits-focus {
   background:#e9edf2 url(../images/sel-tel-home.jpg) no-repeat left top;
   height:17em;
}
#carkits-focus-wrap {
   padding:18px 0px 5px 220px;
}
#carkits-focus-wrap h1 {
   width: 321px;
   height: 27px;
   text-indent: -100em;
   overflow: hidden;
   background: url(../images/the-uk-car-kit-expert.gif) no-repeat 10px 0px ;
}

/* seltel homepage
----------------------------------------------------------------------------- */

#seltel-focus {
   background:#e9edf2 url(../images/sel-tel-home.jpg) no-repeat left top;
   height:16em;
}
#seltel-focus-wrap {
   padding:30px 0px 5px 220px;
}
#seltel-focus-wrap h1 {
   width: 320px;
   height: 56px;
   text-indent: -100em;
   overflow: hidden;
   background: url(../images/h1-effective-communications.gif) no-repeat 10px 0px;
   padding-bottom: 10px;
}

/* carkits prices page
----------------------------------------------------------------------------- */

h1.text-header {
   padding: 0px 0 3px 12px;
}
#install, #controlbox, #mic, #speaker, #antenna, #cradle, #radio, #noholes, #audio, #one, #two, #three, #four, #five, #six, .handpointer {
   cursor:pointer;
}
#one_plus, #two_plus, #three_plus, #four_plus, #five_plus, #six_plus {
   position:absolute; margin-left:20px; right:12px;
}
.from {
   font-size:0.8em;
   font-weight:normal;
}

/* horizontal boxes
----------------------------------------------------------------------------- */

.content-boxes {
   margin:15px auto 0 auto;
}
.content-boxes div {
   border:1px solid #9eb6cf;
}
.left {
   width:272px;
   float:left;
   border:none;
}
.right {
   width:272px;
   float:right;
   border:none;
}
.content-boxes .row div p {
   margin: 0 3px 16px 15px;
   padding-bottom:0px;
   font-size: 1.1em;
}

*>.left, *>.right {padding-top: 0px; min-height: 1px;}

*>.left , *>.right .height-box  {margin-top: 0px;}

* html .left, * html .right {
   /* IE5Mac filter \*/
   height: 165px;
   /* end filter */
}

/* Form
----------------------------------------------------------------------------- */

form {
   margin:0;
   padding:0;
}
select {
   font-family:Verdana, Arial, Sans-Serif;
   font-size:1em;
   margin:0px;
   padding:0px;
}
#model1, #model2, #model3, #model4  {
   margin-left:10px;
}
input {
   font-family:Verdana, Arial, Sans-Serif;
   font-size:1em;
   margin:0;
   padding:2px;
}

.submit-button {
   padding: 4px 4px 4px 20px;
   background: #fff url(../images/chevron.gif) no-repeat 4px 11px;
   border: none;
   font-size: 1.4em;
   font-weight: bold;
   color: #ff6600;
   letter-spacing: -1px;
   cursor:pointer;
}

/* tables
----------------------------------------------------------------------------- */

.hide {
   display:none;
}
#options, #prices, #book, #process  {
   border-left: 1px solid #9eb6cf;
   border-top: 1px solid #9eb6cf;
   width:100%;
   margin: 15px 0 0 0;
}
#options .cell, #book .cell, #process .cell {
   font-size:1.1em;
}
#prices .cell {
   font-size:1.2em;
}
th {
   background-color:#e4eff9;
   font-size:1.4em;
   padding:6px 4px 6px 12px;
   border-right: 1px solid #9eb6cf;
   border-bottom: 1px solid #9eb6cf;
}
.cell {
   padding:6px 4px 6px 12px;
   border-right: 1px solid #9eb6cf;
   border-bottom: 1px solid #9eb6cf;
}
#book, #book .cell {
   border:none;
   margin: 5px 0 5px 0;
}
#prices {
   width:95%;
   margin: 12px 10px 0px 12px;
}
#prices, #prices td, #prices th {
   border:1px solid #fff;
}
td a {
   color:#000;
}
.info-cell {
   text-align: center;
}
.price-cell {
   text-align: left;
   padding:8px 12px 8px 12px;
   font-size:1.3em;
}
td.highlight {
   background: #fff url(../images/blue_hori_dot.gif) repeat-x bottom;
   border-bottom: none;
}
td.book-now a {
   color:#ff6600;
   font-weight:bold;
   padding-left: 18px;
   font-size:1.2em;
   background:url(../images/chevron.gif) no-repeat 0px 4px;
   letter-spacing:-1px;
}
.l-blue-back {
   background-color:#f4f9fe;
}

/* L2 thumbnails
----------------------------------------------------------------------------- */

ul.thumbnails {
   width:99%;
   margin:5px 0 15px 0;
   padding:0;
   list-style:none;
   line-height:1.3em;
}

.thumbnails li {
   display:block;
   float:left;
   padding:0;
   margin:10px 15px 15px 10px;
   width: auto;
   height: auto;
   text-align: center;
}

.thumbnails li img {
   text-align: center;
}


/* footer navigation
----------------------------------------------------------------------------- */

#footer-nav {
   text-align:center;
   margin:15px 0 10px 0;
   background:#f2f4f8;
}
#footer-nav ul {
   margin:0 auto 0 auto;
   padding:6px;
}
#footer-nav ul li {
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
#footer-nav a {
   text-decoration: none;
   color:#666666;
   padding:0 10px 0 10px;
}
#footer-nav a:hover {
   text-decoration: underline;
}
#footer-nav .line { border-right: 1px solid #666666; }

/* footer
----------------------------------------------------------------------------- */

#footer {
   display:block;
   position:relative;
   text-align:center;
   margin:0 0 20px 0;
   color:#666666;
}

/**** TOP NAVIGATION ***************************/
/* Top Nav Styles with tooltip */
#topnav{
	font-size:8pt;
	background:#FFF url(../images/topnavbg.jpg) right no-repeat;
	height:27px;
	text-align:right;
	padding:0 20px 0 0;
}
#topnav a{
	font:normal 8pt verdana;
	color:#224f7b;
	display:block;
	float:right;
	padding:5px 6px 6px 6px;
	text-decoration:none;
}
#topnav a:hover{
	background:url(../images/topnavhover.jpg) repeat-x;
	color:#FFF;
}
span.iconcar{
	background:url(../images/car.png) no-repeat;
	padding:0 0 0 20px;
}
span.iconmobile{
	background:url(../images/phone.gif) no-repeat;
	padding:0 0 0 13px;
}
span.iconlaptop{
	background:url(../images/laptop.gif) no-repeat;
	padding:0 0 0 18px;
}
.tooltipContent{
	width:250px;
	background-color: #e4eff9;
	border:1px solid #a9c1d8;
	padding:3px 5px 3px 5px;
	text-align:left;
	line-height:1.4;
	color:#3b3b3b;
}