.blue_body{
    background-color:#267198;
    /*background-image: url('../../marketing/images/tv/tv-packages-bg.jpg');*/
    background-repeat: repeat-x;
    background-position: top top;
    float:none;
    clear:both;
    width:100%;

}

h1 {
    color:#036;
	font-size: 35px;
    padding-top: 30px;
    color: #036;
    font-size: 48px;
    font-weight: 300;
    padding-top: 40px;
}
.yellow_body h1 a ,.advance-feature-body h1 a , .blakish_body h1 a {
	 padding-top: 40px;
}

.blue_body .container{
   /*background: transparent url('../../marketing/images/tv/tv-container-bg.png') repeat center top;*/
	border:1px solid transparent;
}

.yellow_body{
	background: #ffc91f url('../../marketing/images/home/tv-yellow.jpg') repeat-x center center;
	padding-bottom:20px;
}
.yellow_body h1{
	color: #036;
	font-size: 48px;
	font-weight: 300;
	_padding-top: 20px;
}

/*devices page*/
div.devices{
	color: #000;
	padding: 18px 0 10px 20px;
}
.devices .device{
	float: left;
	color: #000;
}

.device h2{ 
	color: #000; 
	font-size: 16px;
}

.device .device-img{
	height: 210px;
}
.device .device-desc{
	padding-left: 15px;
	font-size: 14px;
}
.device-desc a{
	color: #069;
	text-transform: uppercase;
}

.device.regular-tv{
	margin-right: 20px;
	width:230px;
}

.device.settop-tv{
	margin-right: 32px;
	width:240px;
}

.device.pc{
	margin-right: 30px;
	width:215px;
}

.device.mobile{

   width:200px;
}

a.blackbox-link{
   margin-top: 30px;
   margin-top: 10px;
   color: #fff;
   font-size: 14px;
   background: #000;
   display: block;
   text-align: center;
   padding: 5px 5px;
   text-transform: none;
   text-align:left;
}

/*compare table*/

.tv-compare-tbl{
   width: 100%;
}

.tv-compare-tbl {
    margin:0px;padding:0px;
    width:100%;
}
.tv-compare-tbl table{
    width:1000px;
    height:100%;
    margin:0px;padding:0px;
}

.tv-compare-tbl tr:nth-child(odd){ background-color:#f0f0f0; }
.tv-compare-tbl tr:nth-child(even){ background-color:#ffffff; }

.tv-compare-tbl td{
    vertical-align:middle;
    border-right:1px solid #999;
    border-width:0px 1px 1px 1px;
    text-align:left;
    padding:5px;
    font-size:14px;
    font-weight:normal;
    color:#000000;
}

.tv-compare-tbl th{
    background-color:#fc0;
    text-align:center;
    color: #069;
    border-width:1px 1px 1px 1px;
    font-size:17px;
    padding: 4px;
    font-weight:bold;

}

.right_arrow {
	font-size:20px;
    font-weight:bold;
    margin-left:5px;
    color:#2b9cd4;
}

/*tv package*/

.tv-pkgs{
  position:relative;
  width: 1000px;
  text-align: center;
  float: none;
  margin-top: 20px;
  clear:both;

}

.tv-pkgs .tv-pkg{
    position: relative;
    float: left;
    background: transparent url("../../marketing/images/tv/tv-pkg-bg.png") no-repeat center top;
    width: 235px;
    padding-left:0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 30px;
    height:380px;

}
.tv-pkg.combo{
    background: transparent url("../../marketing/images/tv/combo-pkg-bg.png") no-repeat center top !important;
    width: 235px !important;
    height:457px !important;
    margin-bottom: 0px;
}
.tv-pkg.tw{
    background: transparent url("../../marketing/images/tv/combo-pkg-bg-tw.png") no-repeat center top !important;
    width: 609px !important;
    height:360px !important;
    margin-bottom: 0px;
}
.tv-pkg.vod{
    /*background: transparent url('../../marketing/images/tv/vod-pkg-bg.png") no-repeat center top !important;*/
    margin-bottom: 0px;
}
.tv-pkg .tv-pkg-header{
   position:relative;
   height: 50px;
   width: 100%;
   color: #069;
   padding-top:10px;
   line-height:1em;
   text-align:center;
   font-weight: normal;
   font-size: 26px;
}
.tv-pkg.combo .tv-pkg-header{
    height: 60px;
    margin-bottom: 20px;
    line-height: .9em;
    font-size: 25px;
}
.tv-pkg .small-desc{
   color: #666;
   text-align: center;
   padding-left: 5px;
   font-size: 12px;
   height: 32px;
   overflow:hidden;
   font-weight: bold;
}
.tv-pkg.combo .small-desc{
	text-align:center;
}

.tv-pkg .tv-pkg-img{
  margin: 10px auto;
  padding:0px;
  text-align: center;
}
.tv-pkg.combo .tv-pkg-img{
  margin: 10px auto 30px;
  padding:0px;
}
.tv-pkg.combo  .price-channel-container{
    margin-top:-15px;
}
.tv-pkg .price-box{
   float:left;
    width: 122px;
    margin-left: 10px;
    color: #036;
    text-align: left;

}
.tv-pkg .price-box .price,.tw-price .price{
    font-size: 32px;
}
.tv-pkg .price-box .price-meta{
    font-size: 11px;
    text-transform : uppercase;
}
.tv-pkg .price-box .currency-symbol,.tw-price .currency-symbol{
    font-size: 16px;
    vertical-align: super;
}
.tv-pkg .channel-box{
    float:left;
    width: 60px;
    color: #f60;
    text-align: left;
    font-size: 29px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    font-weight:bold;
}
.tv-pkg.vod .price-box{
  width:120px;

}
.tv-pkg.vod .channel-box{
    width: 90px !important;
    font-size: 16px;
}

.channel-logo-box{
  box-shadow:1px 4px 5px 2px #888888;
  border-radius:10px;
  padding:7px 1px;
  background-color:#ffffff;
}


.tv-pkg  .small-text{
    width: 70px;
    font-size: 16px;
}

.tv-pkg .channel-box .channel-meta,.tw-channel .channel-meta{
    font-weight:normal;
    text-transform : uppercase;
    font-size:17px;
}

.tv-pkg ul.star{
    list-style: none;
    margin-left: 5px;
    margin-top: 5px;

}

.tv-pkg ul.star li{
    list-style: none;
    text-align: left;
    color: #036;
    background: transparent url("../../marketing/images/tv/star.png") no-repeat left center;
    padding-left: 23px;
    margin-bottom: 5px;
    height: 20px;
    line-height:25px;
    overflow:hidden;
    font-size: 13px;
}
.tv-pkg .bottom-part{
    margin-top: 10px;
}
.tv-pkg.combo .bottom-part{
    margin-top: 20px;
}

.tv-pkgs .order{
    background: transparent url('../../marketing/images/tv/tv-pkg-order.png') no-repeat left top;
    height:34px;
    line-height:31px;
    width: 105px;
    font-size: 13px;
    padding-right:10px;
    margin-left: 10px;
    margin-top: -5px;
    font-weight:bold;
    text-align:center;
    text-transform: uppercase;
    display:block;
}

.tv-pkg .learn-more {
    background: url("../../marketing/images/header/blue-darrow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #006699;
    display: block;
    height: 30px;
    margin-left: 10px;
    text-transform: uppercase;
    width: 90px;
}


.tv-pkg.combo .star-burst{
   background: transparent;
   height: 116px;
   position: absolute;
   top: 160px;
   left:0px;
   width: 116px;
}

.tv-pkgs .left-top{

    float: left;
    color: #fff;
    text-align: left;
    padding: 0px 10px;
    width: 725px;
}
.tv-pkgs .left p{
  color: #fff;
  text-align: left;
  padding: 0 15px 0 10px;
  margin-bottom: 20px;
}
.tv-pkgs .left{
    background: transparent url('../../marketing/images/tv/left-col-right-border.png') no-repeat right top;
    float: left;
    width: 755px;
}

.tv-pkgs .right{

    float: left;
    padding-left: 15px;
    width: 230px;
}

.tv-pkgs-heading{
  color:#ffffff;
}

/*
  channels overview page css
*/
.channel-details-container{
    position:relative;
    float:left;
    width:740px;
    background:#ffffff;
    box-shadow:-1px 3px 11px #888888;
}

.tv-service {
    background: url('../../marketing/images/phone/Kylintv-voice-home-phone-service-bg.png') repeat-x scroll 0 0 #FFC91F;
    width: 100%;

}

.overview-bg{
  width:1000px; margin:0 auto; background:url('../../marketing/images/tv/Kylintv-home-tv-service.png') no-repeat center top;
}
.down-arrow{
  background:url('../../marketing/images/tv/bottom-arrow.png') no-repeat center -3px;
  width:100%;
  height: 32px;
}

.overview-txt{
  float:left; width:519px;
}

.overview-txt a{
  color:#006699;
  font-weight:normal;
}



.overview-txt h1 span {
    color: #000000;
    font-size: 25px;
    line-height: 32px;
    font-weight:300;
}



/*Start Upper part of why-tvdesi*/


.blakish_body .content_left {
  float:left;
    width:490px;
}

.blakish_body .content_right {
    float:right;
    margin-right:25px;
    width:485px;
}

.text {
  font-weight:normal;
    font-size:16px;
    line-height:26px;
}


/*End advanced feature*/
.adv_wrap{
    float:left ;
    overflow:hidden;
    width:333px;
}

.details_wrap {
    height: 246px;
    margin-top: 20px;
    padding-right: 20px;
    text-align: justify;
    width: 280px;
}

.details_content {
    line-height: 24px;
    margin-top: 15px;
}
.separator {
  overflow:hidden;
    margin-bottom:30px;
}

/*End advanced feature*/

.sub_heading {
  color:#000000;
}

.border-top{
    border-top: 1px solid #C4C4C4;
    padding-top: 60px;
    width:1000px;
    margin:0 auto;
}

.add-adv-features {
    float: left;
    margin-left: 60px;
    width: 410px;
}

.add-adv-img{
  float:left;
}

.add-adv-text{
  float:right;
  width:400px;
}


/*compare to comparision*/

.blakish_body {
    background: url("../../marketing/images/why-kylintv/why-kylintv-bg.jpg") repeat-x scroll 0 0 #133A4F;
    overflow: hidden;
}

.heading-compare{
  color:#ffffff;
}

.capital{
  width:84px;
  text-transform:uppercase;
}


/*arrow-up*/
.up-arrow {
    background-image: url("../../marketing/images/why-kylintv/up-advantage.png");
    background-position: center 10px;
    background-repeat: no-repeat;
    float: right;
    margin-right: 51px;
    margin-top: -88px;
    padding-top: 20px;
    text-align: center;
    width: 60px;
}

.up-arrow-tv-packages a{
    color:#cc6600;
}
.base-pkg-container{
   text-align: left;
}
.package-overview{
   text-align: left;
   padding: 0 0 20px 10px ;
   color: #fff !important;
}
.package-overview h2{
  font-size: 22px !important;
}
.package-overview p{
   color: #fff;
}

.vod-highlight{
   color: #960;
   font-size: 15px;
   border-radius: 10px;
   border: 2px solid #960;
   background: #fff3a2;
   padding: 10px;
   margin: 10px auto 0px;
}
.bundle-section{
  text-align: left;
}
.bundle-section h2{
  color: #fc0;
}
.pkg-bottom-part{
   position:relative;
   clear: both;
   float: none;
}
.pkg-bottom-part .top-shadow{
   background: transparent url('../../marketing/images/tv/top-shadow.jpg') repeat-x left top;
   height: 21px;
}
.pkg-bottom-part .bottom-shadow{
   background: transparent url('../../marketing/images/tv/bottom-shadow.jpg') repeat-x left top;
   height: 21px;
}
.pkg-bottom-part .bottom-content{
    background: #092a3d;
    min-height: 300px;
}
.bottom-shadow{
   background: transparent url('../../marketing/images/tv/tv-package-bottom-shadow.jpg') repeat-x left bottom;
   height: 31px;
}


.more-info {
    background-color: #FFC12C;
    border-radius: 21px 21px 21px 21px;
    box-shadow: 1px 2px 2px 3px #333333;
    color: #000000;
    margin-left: 132px;
    margin-top: 934px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
    width: 142px;
}

.yellow-btn {
    background: url('../../marketing/images/yellow-right-arrow.png') no-repeat scroll 82px 6px rgba(0, 0, 0, 0);
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    margin-left: 27px;
    padding-right: 15px;
}
.yellow-btn-sp {
    background: url('../../marketing/images/learn-more-yellow.png') no-repeat scroll 3px 1px rgba(0, 0, 0, 0);
    font-size: 15px;
    font-weight: bold;
    color:#333333;
    width:156px;
    margin-left: 10px;
    height: 49px;
    text-align:left;
    padding-left:20px;
    margin:0px;
    float:right;
    display:block;
    text-transform:uppercase;
}


#channelhighlight {
    border-top: 1px dotted #CCCCCC;
    clear: both;
    margin-top: 15px;
    padding-top: 15px;
    width: 650px;}
#channelhighlight .image { width:144px;float:left;}
#channelhighlight .content {width:478px;float:left;text-align:justify;border-bottom:1px dotted #cccccc;padding-bottom:10px;margin-bottom:10px}

/* ----------------------------------------- KL Super Pack */
#box-all{ background:url('../../marketing/images/pricing-and-packages/box-all-gradient.jpg') left top repeat-x; height:100px;margin:30px 0;width:980px}
#box-all .large{ font-size:20px; color:#000}
#box-all #box-all-head{ width: 300px; height:100px; float:left; background:url('../../marketing/images/pricing-and-packages/box-all-head.jpg') left top no-repeat; color:#fff; text-align:center; font-weight:bold}
#box-all #box-all-head h3{ font-size:25px; padding:30px 0 0 10px; color:#fff}
#box-all #box-all-logos{ width:550px; float:left}
#box-all #box-all-logos .left{ width:345px; float:left; padding:10px 0}
#box-all #box-all-logos .right{ width:85px; float:left; padding-top:10px;padding-left:10px}
#box-all #box-all-logos #a{ float:left; width:37px; height:29px; background:#fff url('../../marketing/images/pricing-and-packages/box-all-logos/bg.png') left top no-repeat; margin:0 3px; text-align:center}
#box-all #box-all-logos #a img{ line-height:29px; vertical-align:middle}
#box-all #box-all-links{ width:130px; height:100px; float:left; text-align:center; background:url('../images/divider.png') left top  no-repeat}
#box-all #box-all-links a{ display:block}
#box-all #box-all-links .subscribe{ padding-top:12px;}


/* ----------------------------------------- Package boxes */
.packagebg {background-position:6px 1px;background-repeat:no-repeat;background-color:transparent}

.box-head-combo-red{ background-image:url('../images/box-head-combo-red.jpg');}
.box center,.box .center{ margin:10px auto 10px 5px; text-align:center;height:50px}
.box .large{ font-size:27px;line-height:30px}
.box .black{ color:#000}
.box .blue{color:#006699}
.box .lightblue{color:#0099cc}
.box .deepblue{color:#006699}

.box .numberOfChannels{width:80px;float:left;}
.box .packagePrice{margin-left:20px; width:100px;float:left;text-align:left}
.box sup {vertical-align:top;font-size:.6em}

.boxes-head{ padding:14px 7px}
.box{height:305px;width:240px; background:url('../../marketing/images/pricing-and-packages/package_bg.png') center top no-repeat;line-height:17px}
.box.gb{width:295px;background:url('../../marketing/images/pricing-and-packages/package_bg_uk.png') center top no-repeat;}

/* Patch for taiwan */
.box.tw{height:340px;width:500px;background:url('../../marketing/images/pricing-and-packages/package_bg_tw.png') center top no-repeat;}
.packagebg.TW-KL-GW {background-position:16px 3px}
.box.tw .numberOfChannels{padding-left:50px}
.box.tw .packagePrice{padding-left:140px}
.packages .combo .TW-KL-GW center {margin-bottom: 26px;margin-top: 22px;}


.box .wrap{padding:7px 14px;}
.box .wrap2{padding:2px 10px; padding-bottom:0}
.box .wrap3{height:100px;padding:7px; padding-bottom:0;}
.box .wrap3 h3{padding-bottom:5px;padding-left:5px}
.box .link{text-align:center;clear:both}
.box .pack{height:280px}


.box h3{background-position:left top; background-repeat:no-repeat;padding:0 0 10px 10px; font: bold 18px/24px Arial, Helvetica, sans-serif; margin-left:-7px;}
.box h3 img{ vertical-align:middle}

/* ----------------------------------------- Base Packages: US & Canada */
.UK-VT,.CA-TVP,.UK-TVP, .US-TVP,.SG-TVP,.LA-TVP,.AS-TVP{ background-image:url('../../marketing/images/pricing-and-packages/PKG-TVP.png')}
.box .UK-VT .large,.box .UK-TVP .large,.box .CA-TVP .large,.box .UK-TVP .large, .box .US-TVP .large ,.box .AS-TVP .large,.box .SG-TVP .large {color:#0066cc}

.EU-TVP{ background-image:url('../../marketing/images/pricing-and-packages/EU-PKG-TVP.png')}
.EU-GW{ background-image:url('../../marketing/images/pricing-and-packages/EU-GW.png')}
.box .EU-TVP .large  {color:#0066cc}

.LA-TVB{ background-image:url('../../marketing/images/pricing-and-packages/PKG-TVB.png')}
.box .LA-TVB .large {color:#bb0030}

.CA-GW,.US-GW, .UK-GW , .SG-GW, .AS-GW, .LA-GW{ background-image:url('../../marketing/images/pricing-and-packages/PKG-GW.png')}
.box .CA-GW .large , .box .US-GW .large , .box .AS-GW .large , .box .EU-GW .large , .box .SG-GW .large, .box .SG-LA .large {color:#ff9900}

.CA-CHN, .US-CHN, .EU-CHN, .LA-CHN{ background-image:url('../../marketing/images/pricing-and-packages/PKG-CHN.png')}
.box .CA-CHN .large , .box .US-CHN .large , .box .EU-CHN .large, .box .LA-CHN .large {color:#666666}

.CA-TAIWAN, .US-TAIWAN, .EU-TAIWAN, .LA-TAIWAN{ background-image:url('../../marketing/images/pricing-and-packages/PKG-TAIWAN.png')}
.box .CA-TAIWAN .large, .box .US-TAIWAN .large, .box .EU-TAIWAN .large, .box .LA-TAIWAN .large {color:#689e35}



/* ----------------------------------------- Combo Packages US & Canada*/
/* Combo Package Headers */
.US-KL-GW,.UK-KL-GW, .CA-KL-GW, .SG-KL-GW, .LA-KL-GW, .AS-KL-GW { background-image:url('../../marketing/images/pricing-and-packages/PKG-KL-GW.png')}
.box .US-KL-GW .large,.box .UK-KL-GW .large, .box .CA-KL-GW .large, .box .TW-KL-GW .large, .box .AS-KL-GW .large, .box .EU-KL-GW .large, .box .SG-KL-GW .large, .box .LA-KL-GW .large {color:#ff9900}

.TW-KL-GW{ background-image:url('../../marketing/images/pricing-and-packages/PKG-TW-KL-GW.png')}
.EU-KL-GW { background-image:url('../../marketing/images/pricing-and-packages/EU-KL-GW.png')}

.US-KL-TAIWAN, .CA-KL-TAIWAN, .LA-KL-TAIWAN{background-image:url('../../marketing/images/pricing-and-packages/PKG-KL-TAIWAN.png')}
.box .US-KL-TAIWAN .large, .box .CA-KL-TAIWAN .large, .box .LA-KL-TAIWAN .large {color:#689e35}

.US-KL-SUPER, .CA-KL-SUPER, .LA-KL-SUPER{ background-image:url('../../marketing/images/pricing-and-packages/US-KL-SUPER.png')}
.box .CA-KL-SUPER .large, .box .US-KL-SUPER .large, .box .LA-KL-SUPER .large {color:#FF0000}

/* ----------------------------------------- Combo Package Bands */
.band {margin:-2px 0 0 2px;float:left;position:absolute;background-repeat:no-repeat;width:70px;height:70px}

/* ----------------------------------------- VOD Packages */
.VODBG_US-VOD-KIDS,.VODBG_GB-VOD-KIDS,.VODBG_AS-VOD-KIDS, .VODBG_CA-VOD-KIDS, .VODBG_TW-VOD-KIDS, .VODBG_EU-VOD-KIDS, .VODBG_SG-VOD-KIDS , .VODBG_LA-VOD-KIDS {background-image:url('../../marketing/images/pricing-and-packages/vod_kids.png')}
.VODBG_US-VOD-SELECT,.VODBG_GB-VOD-SELECT, .VODBG_CA-VOD-SELECT, .VODBG_EU-VOD-SELECT, .VODBG_LA-VOD-SELECT, .VODBG_OT-VOD-SELECT, .VODBG_SG-VOD-SELECT, .VODBG_TW-VOD-SELECT, .VODBG_SA-VOD-SELECT{background-image:url('../../marketing/images/pricing-and-packages/vod_select.png')}

.box.EU-VOD-SELECT {padding:13px 0;height:auto;width:100%;background-image:url('../../marketing/images/pricing-and-packages/EU-VOD-SELECT.png')}
.box.EU-VOD-KIDS {padding:13px 0;height:auto;width:100%;background-image:url('../../marketing/images/pricing-and-packages/EU-VOD-KIDS.png')}

.box.gb .packagePrice {margin-left:55px}

.lightpink {color:#cf16b5}

/*corner*/
.corner{}
.corner-hilite{ color:#996600; background:#ffffcc; border:1px solid #c4bb9c; padding:3px; font-weight:bold; margin:2px 16px 10px 6px;}
.corner-white{}

/*modal*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #ccc;  /*filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;*/}
.jScrollPaneDrag { position: absolute; background:url('../../marketing/images/modal/scroll.png') center center no-repeat; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
    height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/
}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
    height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/
}
/*add-ons*/
#add-ons{ clear:both; margin: 15px 16px 10px 6px}
#add-ons h2{ margin-bottom:10px}
#add-ons h4{ font-size:16px}
#add-ons a{ color:#444;}
#add-ons .logo{ float:left; margin-left:17px; margin-top:5px;width:60px;height:70px}
#add-ons .logo em{ display:block; padding:2px 0;line-height:10px}
#add-ons .left{ width:650px; float:left;}
#add-ons .right{ width:250px; float:right}
#add-ons .right, #add-ons .smallfonts{font-size:8px}
#add-ons .add-ons-block{background:#ededed; border:1px solid #ccc; list-style:none; clear:both; color:#333;}
#add-ons .add-ons-block li{ background:#fff; border:1px solid #ccc; margin:10px; clear:both;padding:10px}


/**/
.modal-subscribe{}
.modal-overlay{
    background:#000; position:fixed; z-index:9999; width:100%; height:100%;
    opacity:0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.8; }
.modal-window{ width:700px; font:normal 10px/1.4 Arial, Helvetica, sans-serif;  color:#626262
/*position:absolute;z-index:10000; left:50%;margin-left:-300px; top:10px;*/ }
.modal-header{ background:url('../../marketing/images/modal/modal-header.gif') left top no-repeat; font: bold 18px/44px  Arial, Helvetica, sans-serif; color:#fff; height:44px; padding:0 10px}
.modal-header img{ vertical-align:middle}
.modal-close{ float:right; padding:0 13px; color:#fff }
.modal-close:hover{color:#0099cc}
.modal-content{ background:#fff; padding:10px}
.modal-content p{ margin:10px 0;font-size:13px}
.modal-content .box{ background:none}
.modal-footer{ background:url('../../marketing/images/modal/modal-footer.gif') left top no-repeat; height:10px}
.modal-left,.modal-right{display:inline; float:left; position:relative;}
.modal-left{ /*width:350px*/}
.modal-right{ width:320px;margin-left:10px}
.modal-browse{margin:10px 0 0 0; clear:both; color:#000; font-size:12px; border:1px solid #ccc}
.modal-browse h4{ background:#e8e8e8 url('../../marketing/images/modal/modal-h4.gif') left top repeat-x; padding:4px 6px; border-bottom:1px solid #ccc; margin-bottom:4px}
.modal-thumbs{ height:650px; overflow:auto; margin-right:4px}

.modal-thumbs a{ margin:0 2px; float:left; width:76px; height:70px; margin-bottom:5px;text-align:center;font-size:10px; line-height:11px;overflow:hidden}
.modal-thumbs a:visited, .modal-thumbs a:link{ color:#444444}

.modal-thumbs a img{ border:1px solid white; display:block; width:56px; height:44px;background:url('../../marketing/images/modal/bg.png') center top no-repeat; padding:1px 5px;}
.modal-thumbs a:hover img{border:1px solid #008ac7}
.modal-thumbs a:hover {color: #008ac7}

.modal-thumbs.desc h1{font-size:14px;font-weight:bold;color:#000000;}
.modal-thumbs.desc a:hover{background:url('../images/add-ons-logos/bg.png') center 6px  no-repeat; }
.modal-thumbs .desc a:hover img{background:url('../images/add-ons-logos/bg.png') center 6px no-repeat; }

/**/
.black{ color:#000}
.blue{color:#006699}
.lightblue{color:#0099cc}
.white{ color:#fff}
/**/
.aL{ text-align:left}
.aR{ text-align:right}
.aC{ text-align:center}
.floatleft{ float:left}
.floatright{ float:right}

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #ccc;  /*filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;*/}
.jScrollPaneDrag { position: absolute; background:url('../images/scroll.png') center center no-repeat; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
    height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/
}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
    height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/
}

/*
  tv-packages image css
*/
/* kylin tv package*/

.us-tvp,
.ca-tvp,
.la-tvp,
.tw-tvp,
.sa-tvp,
.sg-tvp,
.ot-tvp,
.eu-tvp,
.gb-tvp,
.uk-tvp{
	background: transparent url('../../marketing/images/tv/tvp.png') no-repeat center top;
	height:108px;
	widht: 187px;
}
/* great wall tv*/
.us-gw,
.ca-gw,
.la-gw,
.tw-gw,
.sa-gw,
.sg-gw,
.ot-gw,
.eu-gw,
.gb-gw,
.uk-gw{
	background: transparent url('../../marketing/images/tv/gw.png') no-repeat center top;
	height:108px;
	widht: 187px;
}

/* pkg-panorama  */

.us-pkg-panorama,
.ca-pkg-panorama,
.la-pkg-panorama,
.tw-pkg-panorama,
.sa-pkg-panorama,
.sg-pkg-panorama,
.ot-pkg-panorama,
.eu-pkg-panorama,
.gb-pkg-panorama,
.uk-pkg-panorama{
	background: transparent url('../../marketing/images/tv/pkg-panorama.png') no-repeat center top;
	height:108px;
	widht: 187px;
}

/* pkg-taiwan  */

.us-taiwan,
.ca-taiwan,
.la-taiwan,
.tw-taiwan,
.sa-taiwan,
.sg-taiwan,
.ot-taiwan,
.eu-taiwan,
.gb-taiwan,
.uk-taiwan{
	background: transparent url('../../marketing/images/tv/taiwan.png') no-repeat center top;
	height:108px;
	widht: 187px;
}

/* pkg-kylintv+greatwall  */

.us-kl-gw,
.ca-kl-gw,
.la-kl-gw,
.tw-kl-gw,
.sa-kl-gw,
.sg-kl-gw,
.ot-kl-gw,
.eu-kl-gw,
.gb-kl-gw,
.uk-kl-gw{
	background: transparent url('../../marketing/images/tv/kl-gw.png') no-repeat center top;
	height:130px;
	widht: 213px;
}
/* pkg-kylintv+taiwan  */

.us-kl-taiwan,
.ca-kl-taiwan,
.la-kl-taiwan,
.tw-kl-taiwan,
.sa-kl-taiwan,
.sg-kl-taiwan,
.ot-kl-taiwan,
.eu-kl-taiwan,
.gb-kl-taiwan,
.uk-kl-taiwan{
	background: transparent url('../../marketing/images/tv/kl-taiwan.png') no-repeat center top;
	height:130px;
	widht: 213px;
}
/* pkg-vod-select  */

.us-vod-select,
.ca-vod-select,
.la-vod-select,
.tw-vod-select,
.sa-vod-select,
.sg-vod-select,
.ot-vod-select,
.eu-vod-select,
.gb-vod-select,
.uk-vod-select{
	background: transparent url('../../marketing/images/tv/vod-select.png') no-repeat center top;
	height:108px;
	widht: 187px;
}
/* pkg-vod-kids  */

.us-vod-kids,
.ca-vod-kids,
.la-vod-kids,
.tw-vod-kids,
.sa-vod-kids,
.sg-vod-kids,
.ot-vod-kids,
.eu-vod-kids,
.gb-vod-kids,
.uk-vod-kids{
	background: transparent url('../../marketing/images/tv/vod-kids.png') no-repeat center top;
	height:108px;
	widht: 187px;
}
/* vod-panorama */
.us-vod-panorama,
.ca-vod-panorama,
.la-vod-panorama,
.tw-vod-panorama,
.sa-vod-panorama,
.sg-vod-panorama,
.ot-vod-panorama,
.eu-vod-panorama,
.gb-vod-panorama,
.uk-vod-panorama{
	background: transparent url('../../marketing/images/tv/vod-panorama.png') no-repeat center top;
	height:108px;
	widht: 187px;
}

.us-tvb,
.ca-tvb,
.la-tvb,
.tw-tvb,
.sa-tvb,
.sg-tvb,
.ot-tvb,
.eu-tvb,
.gb-tvb,
.uk-tvb{
	background: transparent url('../../marketing/images/tv/tvb.png') no-repeat center top;
	height:108px;
	widht: 187px;
}


.tw-price{
	border-bottom:1px solid #aa7c4f;
	color:#036;
	text-align:left;
}

.tw-channel {
	color: #f60;
	font-size: 29px;
	font-weight:bold;
    text-align:left;
}

.tw-bottom{
	width:580px;
    overflow:hidden;
	margin-left:30px;
	margin-top:20px;
	padding-top:20px;
    text-align:left;
    clear:both;
}
.tw-bottom-right{
	width:52%;
	float:left;
}
.tw-bottom-right a {
	float:left;
}
.tv-pkg.tw .star-burst{
	background: transparent;
    height: 116px;
	position: absolute;
	top: 120px;
	right:0px;
	width: 116px;
}

/* Region specific layout */
body.LA .tv-pkg.vod.LA-PKG-PANORAMA {
	margin-bottom: 0;
    margin-right: 23px;
	margin-top: 77px;
}

body.TW .base-pkg-container.combo-pkg-container .package-overview {
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF !important;
	float: left;
	height: 500px;
	margin-left: 10px;
    padding: 0 0 20px 10px;
    text-align: left;
	width: 270px;
}

body.TW .tv-pkgs .tv-pkg {
	margin: 20px 2px 30px;
}