/* GENERAL STYLES 
----------------------------- */
body {
  color: #333;
  text-align: center;
  font: normal 62.5%/160% "Lucida Grande", arial, verdana, helvetica, sans-serif;
  background: #fff url("/media/img/background.gif") repeat-x 0 0;  
}

a {
  font-weight: normal;
  text-decoration: none; 
}

a:link {
  color: #1e4674; 
}

a:visited {
  color: #1e4674; 
}

a:hover, a:active {
  color: #ccc; 
}

p {
  font-size: 1.2em; }

h1 {
  font-size: 2.4em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h4, h5 {
  font-size: 1.2em; }

p, h1, h2, h3, h4, h5 {
  font-weight: normal;
  line-height: 1.2em;
  margin: 0 0 0.25em;
  padding: 0; 
}

/* LAYOUT DIV'S
-------------------------- */
#container {
  width: 760px;
  margin: 0 auto;
}

#inner {
  background: #fff;
  border-left: 1px solid #d9e4fe;
  border-right: 1px solid #d9e4fe;
  width: 720px;
  padding: 5px 20px;
  text-align: left;
  float: left;
}

#main {
  margin-top: 10px;
  float: left;
}

#main div.content {
  float: left;
  width: 480px;
  padding-right: 20px;
}

#main div.sidebar {
  width: 220px;
  float: left;
}

/* HEADER
-------------------------- */

#header {
  width: 100%;
  border-bottom: 1px solid #ccc;
  position: relative;
}

#header h1 {
  position: relative;
  /* hide :overflowhidden from IE5/Mac */ */
  /* \*/ */
  overflow: hidden;
  /* */ */
  width: 253px;
  height: 85px;
}

#header h1 a span {
  background: url("/media/img/logo.gif") top left no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 253px;
  height: 85px;
  z-index: 1 /*for Opera 5 and 6*/; 
}

#header ul.extra_links {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2em;
}

#header ul.extra_links li {
  float: left;
  margin-right: 4px;
  width: auto;
}

/* NAV
--------------------------- */

#header ul#nav {
  font-size: 1.4em;
  line-height: normal;
  margin: -10px 0 0 250px;
}

#header ul#nav li {
  float: left;
  width: auto;
  margin-right: 4px;
}

#header ul#nav li img {
  margin-right: 4px;
}

#header ul#nav li.selected a {
  color: #efb979;
}

#header ul#nav li.selected a:hover {
  color: #ccc;
}

/* SEARCH
---------------------------- */

#header div.search {
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  margin: -20px 20px -1px 450px;
  padding: 8px 10px 5px;
  background: #fff;  
}

.search form label {
  color: #999;
  font-size: 1.4em;
  width: auto;
}

.search input {
  width: 140px;
}

.search input.submit_button {
  margin: 0 0 -7px -4px;
  width: auto;
}


/* CONTENT
---------------------------- */

div.breadcrumb {
  width: 100%;
  font-size: 1.2em;
}

#main h2 {
  font-size: 1.8em;
  font-weight: bold;
  color: #000;
  line-height: normal;
  margin-top: 5px;
}

.video_group {
  float: left;
  width: auto;
  clear: left;
  margin: 10px 0 0;
}

.video_group li {
  float: left;
  width: 95px;
  margin-right: 25px;
}

.video_list {
  float: left;
  clear: left;
  width: auto;
  margin-top: 10px;
}

.video_list h2 {
  width: auto;
  float: left;
}

.video_list h2 span {
  font-size: 0.7em;
  margin-left: 5px;
}

.video_list ul {
  clear: left;
  float: left;
  width: 100%;
}

.video_list ul.video_tab_nav {
  width: auto;
  float: right;
  clear: none;
  font-size: 1.2em;
}

.video_list ul.video_tab_nav li {
  float: left;
  width: auto;
  margin-left: 5px;
  border: none;
  clear: none;
}

.video_list ul.video_tab_nav li img {
  margin-right: 2px;
}

.video_list ul.video_tab_nav li.selected a {
  color: #efb979;
}

.video_list ul.video_tab_nav li.selected a:hover {
  color: #ccc;
}

.video_list ul li {
  border-top: 1px solid #ccc;
  width: 100%;
  padding: 10px 0 0;
  position: relative;
  clear: left;
  float: left;
}

.video_list li.last {
  border-bottom : 1px solid #ccc;
}

.video_list li img {
  float: left;
  width: auto;
  margin: 0 10px 10px 0;
}

.video_list li h5 {
  margin-bottom: 10px;
}

.video_list ul li dl.metadata {
  float: right;
  width: 120px;
  margin-left: 5px;
  font-size: 1.2em;
}

.video_list ul li dl.metadata dt {
  float: left;
  width: auto;
  clear: left;
}

.video_list ul li dl.metadata dd {
  float: left;
  width: auto;
  *width: 30px;
  margin-left: 3px;
}

.video_list a.last, .video_list div.paginator {
  float: right;
  margin: 4px 4px 0;
  font-size: 1.2em;
}

/* DETAIL
----------------------- */

#main div.flv h2 {
  font-size: 2.4em;
  font-weight: normal;
}

div.flv dl.metadata {
  font-size: 1.2em;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

div.flv dl.metadata dt {
  float: left;
  margin-left: 5px;
}

div.flv dl.metadata dd {
  float: left;
  font-weight: bold;
  margin: 0 5px;
}

div.flv dl.metadata dd:after {
  content: ",";
}

div.flv dl.metadata dd:last-child:after, div.flv dl.metadata dd.last:after {
  content: "";
}

#flv_player_container {
	margin-bottom: 0.5em;
}

div.flv p {
  clear: left;
}

div.related_info ul li {
  float: left;
  width: auto;
  margin-right: 3px;
  border: none;
  clear: none;
  font-size: 1.2em;
}

div.related_info ul li img {
  margin-right: 3px;
}


#about div.content p {
  margin-bottom: 10px;
}

/* SIDEBAR
----------------------- */

div.channels ul {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
div.channels li {
  background: url("/media/img/channel_link_bg.gif") no-repeat 0 0;
  width: 219px;
  height: 30px;
  margin: 3px 0 0;
}

.channels li a {
  width: 198px;
  height: 25px;
  padding: 6px 0 0 8px;
  display: block;
  font-size: 1.4em;
  line-height: normal;
}

.channels li a.abarth {
  background: url("/media/img/channel_logo_abarth.gif") no-repeat 184px 5px;
}

.channels li a.daihatsu {
  background: url("/media/img/channel_logo_daihatsu.gif") no-repeat 130px 5px;
}

.channels li a.kia {
  background: url("/media/img/channel_logo_kia.gif") no-repeat 169px 3px;
}

.channels li a.mitsubishi {
  background: url("/media/img/channel_logo_mitsubishi.gif") no-repeat 184px 4px;
}

.channels li a.mazda {
  background: url("/media/img/channel_logo_mazda.gif") no-repeat 182px 3px;
}

.channels li a.subaru {
  background: url("/media/img/channel_logo_subaru.gif") no-repeat 109px 2px;
}

.channels li a.seat {
  background: url("/media/img/channel_logo_seat.gif") no-repeat 175px 3px;
}

.channels li a.peugeot {
  background: url("/media/img/channel_logo_peugeot.gif") no-repeat 182px 3px;
}

.channels li a.nissan {
  background: url("/media/img/channel_logo_nissan.gif") no-repeat 182px 3px;
}

.channels li a.isuzu {
  background: url("/media/img/channel_logo_isuzu.gif") no-repeat 145px 9px;
}

.channels li a.ssangyong {
  background: url("/media/img/channel_logo_ssangyong.gif") no-repeat 112px 4px;
}

.channels li a.fiat {
  background: url("/media/img/channel_logo_fiat.gif") no-repeat 166px 6px;
}

.channels li a.hyundai {
  background: url("/media/img/channel_logo_hyundai.gif") no-repeat 160px 5px;
}

.channels li a.accessory {
  background: url("/media/img/channel_logo_corporate.gif") no-repeat 127px 4px;
}

.channels li a.used {
  background: url("/media/img/channel_logo_corporate.gif") no-repeat 127px 4px;
}

.special_offers, .accessories {
  margin-top: 20px;
}



.special_offers li img {
  float: left;
  width: auto;
}

.special_offers li p.tagline {
  font-size: 1.4em;
  color: red;
  clear: left;
}

.accessories ul {
  width: 100%;
  float: left;
}

.accessories img {
	border: 1px #000 solid;
}

.accessories li {
  float: left;
  width: auto;
  margin-right: 4px;
}

.related_videos ul {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 10px;
}

.related_videos ul li {
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding: 10px 0 0;
  position: relative;
  clear: left;
  float: left;
  line-height: 1.3em;
}

.related_videos li img {
  float: left;
  width: auto;
  margin: 0 10px 10px 0;
}

.related_videos li h5 {
  margin-bottom: 2px;
}

.related_videos ul li dl.metadata {
  float: left;
  width: auto;
  font-size: 1.2em;
}

.related_videos ul li dl.metadata dt {
  float: left;
  width: auto;
  clear: left;
}

.related_videos ul li dl.metadata dd {
  float: left;
  width: auto;
  margin-left: 3px;
}

#video_desc strong, #video_desc b {
	font-weight: bold;
}

#video_desc p, #video_desc ul, #video_desc ol {
	margin: 1em;
	font-size: 12px;
}

#video_desc p, #video_desc ul, #video_desc ol {
	display: block;
}

#video_desc ul {
	list-style-type: disc;
	list-style-position: outside;
}

#video_desc ol {
	list-style-type: decimal;
	list-style-position: outside;
}

#video_desc ul, #video_desc ol {
	margin-left: 2em;
}

/* FOOTER
------------------------- */

#footer {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  font-size: 0.9em;
  color: #999;
  float: left;
  clear: left;
  width: 100%;
}


/* AUTOCOMPLETER STYLES
----------------------------- */

 div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
      cursor:pointer;
    }

#indicator1 {
	padding-left: 5px;
	width: 25px;
	display: inline;
	font-size: 11px;
	color: #999;
	line-height: 200%;
}