/* TV Ads Template - Steve K */
/* ------------------------- */
/* Build: 24th August 2007   */
/* ------------------------- */

#topContainer {
	width: 1000px;
	float: left;
}
/*nav col overwrite */
#navCol {
display:inline;
float:left;
position:relative;
top:314px;
width:150px;
}

#navColLogos {
	display:inline;
	position:absolute;left:0;bottom:0px;
}

/* Setup Columns for Video Player Container */

.columnOne, 
.columnMain,
.columnRight,
.columnRightNew {
	/* lets work around IE no understanding min-height */
	min-height: 313px;
	height: auto !important;
	height: 313px;
	float: left;
}

.columnMain {
	border-left: 1px solid #fff;
}

.columnOne {
	width: 150px;
	background: #CCCCCC;
}


.columnMain {
	background: #ff0000;
}

.columnRight {
	background: #CCCCCC;
	width: 285px;
	float:right;
}
.columnRightNew {
	background: url('/a/img/aboutHyundai/tvAds/rightBack.jpg') no-repeat;
	color:#888888;
/*	background: #000000; */
	width: 285px;
	float:right;
/*	height:313px;*/
	
}
/* Page specific stylings */

#topContainer .columnRight h3 {
	padding: 10px;
}
#topContainer .columnRight h4 {
	font-size: 1.1em;
	padding: 20px 10px 0 10px;
}
#topContainer .columnRight h5 {
	font-size: 1em;
	padding: 20px 10px 0 10px;
}

#topContainer .columnRight p {
	padding:10px 10px 0 10px;
}
#topContainer .columnRight ul.download {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 5px 0 0 10px;
}


#topContainer .columnRightNew h3 {
	padding: 10px 45px;;
}
#topContainer .columnRightNew h4 {
	font-size: 1.1em;
	padding-top: 20px; 
	padding-right:45px;
	padding-bottom: 0px;
	padding-left: 45px;
}
#topContainer .columnRightNew h5 {
	font-size: 1em;
	padding: 20px 10px 0 10px;
}

#topContainer .columnRightNew p {
	padding: 0 45px;
}
#topContainer .columnRightNew ul.download {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 5px 0 0 10px;
}

#flashVids {
	float:left;
	display: block;
	padding: 0;
	margin: 0;
}


#flashVids object {
	display: block;
	padding: 0;
	margin: 0;
}

/* lower column containers */

#contentColsWrapper,
#navCol {
	border-top: 1px solid #fff;
}


#contentColsWrapper .columnMain {
	width: 439px;
	
}

#contentColsWrapper .columnRight {
	background: #3A414E;
}

#contentColsWrapper .columnRightNew {
	background: #000000;
}


/* thumbnails for videos */
.columnMain ul {
	list-style-type: none;
}

.columnMain ul li {
	float: left;
	padding-left: 1px;
	font-weight: bold;
}

.columnMain ul li.first {
	padding-left: 1px;
}

.columnMain ul li a {
	display: block;
	width: 145px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

.columnMain ul li#fluid a {
	background: url('/a/img/aboutHyundai/tvAds/fluidThumb.jpg') no-repeat;
}

.columnMain ul li#fluid a:hover,
.columnMain ul li#fluid a.selected {
	background: url('/a/img/aboutHyundai/tvAds/fluidThumbTint.jpg') no-repeat;
}

.columnMain ul li#i30Thumb a {
	background: url('/a/img/aboutHyundai/tvAds/i30Thumb.jpg') no-repeat;
}

.columnMain ul li#i30Thumb a:hover,
.columnMain ul li#i30Thumb a.selected {
	background: url('/a/img/aboutHyundai/tvAds/i30ThumbTint.jpg') no-repeat;
}

.columnMain ul li#making a {
	background: url('/a/img/aboutHyundai/tvAds/makingFluidThumb.jpg') no-repeat;
}

.columnMain ul li#making a:hover,
.columnMain ul li#making a.selected {
	background: url('/a/img/aboutHyundai/tvAds/makingFluidThumbTint.jpg') no-repeat;
}

/* styles for text under thumbnail */

.columnMain ul li a:hover span {
	color: #1C3379;
	text-decoration: underline;
}

.columnMain ul li a span {
	display: block;
	padding-top: 104px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#sectionHeader {
	background: #3c404e;
	border-bottom: 1px solid #fff;
}


/* Ad blocks */
#sectionImage1 {
  background: transparent url(/a/img/aboutHyundai/tvAds/fluidThumbTint.jpg) top left no-repeat;
}
#sectionImage1:hover {
  background: transparent url(/a/img/aboutHyundai/tvAds/fluidThumb.jpg) top left no-repeat;
}
#sectionImage1Sel {
  background: transparent url(/a/img/aboutHyundai/tvAds/fluidThumb.jpg) top left no-repeat;
}
#sectionImage2 {
  background: transparent url(/a/img/aboutHyundai/tvAds/makingFluidThumbTint.jpg) top left no-repeat;
}
#sectionImage2:hover {
  background: transparent url(/a/img/aboutHyundai/tvAds/makingFluidThumb.jpg) top left no-repeat;
}
#sectionImage2Sel {
  background: transparent url(/a/img/aboutHyundai/tvAds/makingFluidThumb.jpg) top left no-repeat;
}
#sectionImage3 {
 /* background: transparent url(/a/img/aboutHyundai/tvAds/i30ThumbTint.jpg) top left no-repeat;*/
  background: transparent url(/a/img/aboutHyundai/tvAds/i30Thumb.jpg) top left no-repeat;
}

/*#sectionImage3:hover {background: transparent url(/a/img/aboutHyundai/tvAds/i30Thumb.jpg) top left no-repeat;}*/

#sectionImage3Sel { /* id.class not liked by ie */
  background: transparent url(/a/img/aboutHyundai/tvAds/i30Thumb.jpg) top left no-repeat;
}

#sectionImageAd4 { background: transparent url(/a/img/aboutHyundai/tvAds/i20Thumb.jpg) top left no-repeat;}

/*#sectionImageAd4:hover{background: transparent url(/a/img/aboutHyundai/tvAds/i20Thumb.jpg) top left no-repeat;}*/

#sectionImageAd4Sel { /* id.class not liked by ie */
/*  background: transparent url(/a/img/aboutHyundai/tvAds/brandThumb.jpg) top left no-repeat; */
  background: transparent url(/a/img/aboutHyundai/tvAds/i20Thumb.jpg) top left no-repeat;
}

#sectionImageAd5 {
  background: transparent url(/a/img/aboutHyundai/tvAds/brandTint.jpg) top left no-repeat;
}
#sectionImageAd5:hover { /* id.class not liked by ie */
  background: transparent url(/a/img/aboutHyundai/tvAds/brand.jpg) top left no-repeat;
}

#sectionImageAd5Sel {background: transparent url(/a/img/aboutHyundai/tvAds/brand.jpg) top left no-repeat;}



/*  New Ad blocks */

#sectionImageA {
  background: transparent url(/a/img/aboutHyundai/tvAds/champs.jpg) top left no-repeat;
}
#sectionImageASel {
  background: transparent url(/a/img/aboutHyundai/tvAds/champs.jpg) top left no-repeat;
}

#sectionImageB {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup3.jpg) top left no-repeat;
}
#sectionImageBSel {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup3.jpg) top left no-repeat;
}


#sectionImageC {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup2.jpg) top left no-repeat;
}
#sectionImageCSel {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup2.jpg) top left no-repeat;
}


#sectionImageD {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup4.jpg) top left no-repeat;
}
#sectionImageDSel {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup4.jpg) top left no-repeat;
}

#sectionImageE {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup5.jpg) top left no-repeat;
}
#sectionImageESel {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup5.jpg) top left no-repeat;
}


#sectionImageF {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup6.jpg) top left no-repeat;
}
#sectionImageFSel {
  background: transparent url(/a/img/aboutHyundai/tvAds/worldCup6.jpg) top left no-repeat;
}

#sectionImageG {
  background: transparent url(/a/img/aboutHyundai/tvAds/default.jpg) top left no-repeat;
}
#sectionImageGSel {
  background: transparent url(/a/img/aboutHyundai/tvAds/default.jpg) top left no-repeat;
}


#sectionImageH {
  background: transparent url(/a/img/aboutHyundai/tvAds/escape.jpg) top left no-repeat;
}

#sectionImageHSel {
  background: transparent url(/a/img/aboutHyundai/tvAds/escape.jpg) top left no-repeat;
}

.sectionItemText,
.sectionItemText h3 {
	color: #444;
}
.sectionItemText h3 {
	margin-top:0px;
}

.sectionItemTextBoth,
.sectionItemTextBoth h3 {
/*	float:left; */
	color: #444;
	
}
.space {
	padding-top:10px;
	padding-left:10px;
}


/** What Car **/

/* make sure to remove this if and when it changes back to the TV ads */

.sectionItemText h3 {margin-left:15px;}

.sectionItemText p {
	margin-left:15px;
	margin-right:13px;
}


#sectionImageAd4,#sectionImageAd4:hover,#sectionImageAd4Sel {background: transparent url(/a/img/aboutHyundai/whatcar/santafe.jpg) top left no-repeat;}
#sectionImageAd6,#sectionImageAd6:hover,#sectionImageAd6Sel {background: transparent url(/a/img/aboutHyundai/whatcar/i20.jpg) top left no-repeat;}
#sectionImageAd5,#sectionImageAd5:hover,#sectionImageAd5Sel {background: transparent url(/a/img/aboutHyundai/whatcar/i30.jpg) top left no-repeat;}