@charset "utf-8";
/* WBTV CSS Document */


/* Common elements
--------------------------------------------------*/

html{
    scrollbar-3dlight-color:    #4c51a1;
    scrollbar-arrow-color:      #fff;
    scrollbar-base-color:       #4c51a1;
    scrollbar-darkshadow-color: #222222;
    scrollbar-face-color:       #00034c;
    scrollbar-highlight-color:  #4F4D4E;
    scrollbar-shadow-color:     #00022e;
}


body{
    background-color:#000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    background-repeat:no-repeat;
    background-position:top center;
    background-attachment:scroll;
    background-image:url(../images/common/wbtv-background.jpg);
}

a img{
    border: none;
}

a{
    color:#333;
    position:relative;
}

html, body, div, h1, h2, h3, h4, h5, h6, hr, ul{
    padding:0px;
    margin:0px;
    border:0px;
}

form{
    border: 0px!important;
    margin: 0px!important;
    padding: 0px!important;
}


p{
    margin:2px 0px 2px 0px;
    zoom:1;
}

/* PNG Fix Positioning Hack */
a, form, textarea, input{
    position:relative;
}

h1{
    height:125px;
    width:120px;
    background-image:url(../images/common/wbtv-logo.jpg);
    background-repeat:no-repeat;
    text-indent: -10000px;
    margin:25px 0px 0px 25px;
    display:table;
}

h2{
    height:27px;
    background-repeat:no-repeat;
    text-indent: -10000px;
}

h3{
    height:13px;
    background-repeat:no-repeat;
    text-indent: -10000px;
    margin-bottom:10px;
}

h4{
    height:27px;
    background-repeat:no-repeat;
    text-indent: -10000px;
}

h5{
    height:14px;
    background-repeat:no-repeat;
    text-indent: -10000px;
}

.lightBold{
    color:#c5ccfe;
    font-size:12px;
    font-weight:normal;
}

.clearDiv{
    clear:both;
    height:1px;
    display:block;
	font-size:1px;
}

.bulletLinks{
    list-style-image: url(../images/common/bullet.gif);
    font-size:13px;
    padding:30px 0px 0px 15px;
    margin:0px;
}
.bulletLinks li{
    padding-bottom:15px;
}
.bulletLinks a{
    color:#fff;
    text-decoration:none;
}
.bulletLinks a:hover{
    text-decoration:underline;
}
.bulletLinks strong{
    color:#8095ff;
}

.introText{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:15px;
    margin-bottom:5px;
}

/* Navigation Bar
--------------------------------------------------*/

#nav{
    height:41px;
    width:100%;
    background-image:url(../images/common/navBg.png);
    background-repeat:no-repeat;
    margin-bottom:5px;
    display:table;
}

#nav ul{
    text-align:left;
    height:26px;
    list-style:none;
    padding: 0px;
    margin:10px 0px 0px 6px;
}

#nav li{
    display:block;
    float:left;
    height:26px;
}

#nav li a{
    position: relative;
    display:block;
    float:left;
    height:26px;
    background-repeat:no-repeat;
    background-position:left top;
    cursor: pointer;
}

#nav li a span{
    display:none;
}

#home a{
    background-image:url(../images/common/navHome-off.png);
    width:150px;
}
#home a:hover{
    background-image:url(../images/common/navHome-on.png);
    width:150px;
}

#howtogetit a{
    background-image:url(../images/common/navHow-off.png);
    width:152px;
}
#howtogetit a:hover{
    background-image:url(../images/common/navHow-on.png);
    width:152px;
}

#whatson a{
    background-image:url(../images/common/navWhat-off.png);
    width:152px;
}
#whatson a:hover{
    background-image:url(../images/common/navWhat-on.png);
    width:152px;
}

#showinfo a{
    background-image:url(../images/common/navShow-off.png);
    width:151px;
}
#showinfo a:hover{
    background-image:url(../images/common/navShow-on.png);
    width:151px;
}

#signup a{
    background-image:url(../images/common/navSignup-off.png);
    width:151px;
}
#signup a:hover{
    background-image:url(../images/common/navSignup-on.png);
    width:151px;
}

#faq a{
    background-image:url(../images/common/navFaq-off.png);
    width:150px;
}
#faq a:hover{
    background-image:url(../images/common/navFaq-on.png);
    width:150px;
}

/* Homepage
--------------------------------------------------*/

.homepage .contentBoxRightMid{
    background-image:url(../images/homepage/contentBoxRight_mid-homepag.png);
}

.homepage .contentRightPad{
    padding-top:0px;
}

.homepage #showsListScrollDiv{
    height:120px;
 }
 
.homepage .contentBoxRightContent{
    background-image:url(../images/homepage/contentBoxRight_lines-homep.png);
}
 
.homepage .contentPad{
    padding:30px 35px 6px 35px;
}

#homeFlashTxt{
    width:542px;
    hight:389px;
    margin-bottom:5px;
}


#homepageFeature{
    background-image:url(../images/homepage/call-to-action-bg.png);
    height:115px;
    margin-bottom:5px;
    text-align:center;
}

#homepageFeature img{
    padding-top:8px;
}

#mediaPlayer{
    margin-bottom:5px;
}

#showsListDiv{
    background-image:url(../images/common/providersBoxFade.png);
    width:323px;
    font-size:11px;
}

#showsListScrollDiv{
    width:323px;
    height:175px;
    overflow:auto;
    position:relative;
}

#showsListDiv ul{
}

#showsListDiv li{
    padding-left:10px;
    display:block;
    padding-bottom:4px;
}

.row1{
    background-image:url(../images/common/row1_bg.png);
}
.row2{
    background-image:url(../images/common/row2_bg.png);
}


#showsListDiv a{
    display:block;
    color:#fff;
    text-decoration:none;
    padding-top:2px;
    background-image:url(../images/common/bullet.gif);
    background-position: left;
    background-repeat:no-repeat;
    padding-left:15px;
}
#showsListDiv a:hover{
    text-decoration:underline;
}
.providersList{
    list-style:none;
    text-align:center;
    display:block;
    float:left;
    margin:10px 24px 0px 0px;
}
.providersList li{
    text-align:center;
    padding-bottom:5px;
    font-size:11px;
}
.providersList img{
    padding-bottom:5px;
}
.providersList span{
    color:#8095ff;
}
.providersList  a{
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}

.homepage h2{
    background-image:url(../images/homepage/welcome-to-warner-tv.png);
    padding-bottom:25px;
}


#providers{
    background-image:url(../images/homepage/warner-tv-providers.png);
}

#shows{
    background-image:url(../images/homepage/warner-tv-shows.png);
}


/* Get Warner TV
--------------------------------------------------*/

.providersButton{
    width:105px;
    height:66px;
    float:left;
    text-align:center;
    margin-right:20px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#providersButtonsDiv{
    zoom:1;
}

.providersButton img{
    margin-top:5px;
}
.active{
    background-image:url(../images/how/activeProviderBgSml.png);
    background-repeat:no-repeat;
}

.providersDetailDiv{
    zoom:1;
    margin-top:10px;
    display:table;
}

.providersLinks span{
    color:#8095ff;
}
.providersLinks  a{
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
}

.getwarnertv h4{
    clear:both;
    margin-top:10px;
}

.getwarnertv h2{
    background-image:url(../images/how/get-warner-tv.png);
    padding-bottom:10px;
}

.getwarnertv .contentPad{
    padding:25px 20px 0px 25px;
}

.virginMedia{
    background-image:url(../images/how/virgin-media.png);
    padding-bottom:10px;
}

.btVision{
    background-image:url(../images/how/bt-vision.png);
    padding-bottom:10px;
}

.topupTv{
    background-image:url(../images/how/top-up-tv.png);
    padding-bottom:10px;
}

.tiscali{
    background-image:url(../images/how/tiscali.png);
    padding-bottom:10px;
}

.three{
    background-image:url(../images/how/three-text.png);
    padding-bottom:10px;
}


/* Privacy Policy
--------------------------------------------------*/

.privacy h2{
    background-image:url(../images/privacy/privacy-policy.png);
    padding-bottom:15px;
}

.privacy .contentPad{
    padding:15px 20px 15px 25px;
}

.privacy #faqDiv p{
    color:#fff;
    font-size:12px;
    margin-right:10px!important;
}


/* Terms
--------------------------------------------------*/

.terms h2{
    background-image:url(../images/terms/terms-and-conditions.png);
    padding-bottom:15px;
}

.terms .contentPad{
    padding:15px 20px 15px 25px;
}

.terms #faqDiv p{
    color:#fff;
    font-size:12px;
}


/* Show Info
--------------------------------------------------*/

#showHeaderSwf{
    width:420px;
    height:110px;
    margin-top:10px;
}

.infoOpen{
    display:block;
    zoom:1;
}
.infoClosed{
    overflow:hidden;
    zoom:1;
}

.infoOpen p{
    display:block;
    zoom:1;
}
.infoClosed p{
    display:none;
    margin:0px!important;
    zoom:1;
}

.infoOpen a{
    cursor:pointer;
}
.infoClosed a{
    cursor:pointer;
}

.infoOpen span{
    display:block;
    height:10px;
    background-image:url(../images/faq/open-pointer.gif);
    background-repeat:no-repeat;
    background-position:top right;
    zoom:1;
}
.infoClosed span{
    display:block;
    height:10px;
    background-image:url(../images/faq/closed-pointer.gif);
    background-repeat:no-repeat;
    background-position:top right;
    zoom:1;
}

.showinfo h2{
    background-image:url(../images/show-info/show-info.png);
    width:161px;
    float:left;
}
.showinfo .contentPad{
    padding:15px 20px 0px 25px;
}

#genreFilter{
    text-align:right;
    font-weight:bold;
}

#showInfoSelectors{
    float:right;
    padding-top:10px;
    text-align:right;
}

#showInfoSelectors img{
    display:block;
    float:left;
}
.selected{
    display:block;
    float:left;
    background-image:url(../images/common/radio_selected-on.png);
    width:15px;
    height:14px;
    margin-right:15px;
}
.unselected{
    display:block;
    float:left;
    background-image:url(../images/common/radio_selected-off.png);
    width:15px;
    height:14px;
    margin-right:15px;
}

#showInfoPanel{
    width:507px;
}

#showInfoPanelTop{
    background-image:url(../images/show-info/show-details_panel-top.png);
    height:40px;
}
#showInfoPanelTop:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
#showInfoPanelSeasons{
    background-image:url(../images/show-info/show-details_panel-top-seasons.png);
    background-repeat:repeat-y;
    background-position:top;
    zoom:1;
    padding-top:10px;
    padding-bottom:10px;
}
#showInfoPanelContent{
    display:table;
    background-position:top;
    clear:both;
    background-image:url(../images/show-info/show-details_panel-bottom.png);
    width:507px;
    height:362px;
    zoom:1;
}
#showInfoPanelContent:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
#showInfoPanel h4{
    float:left;
    text-transform:capitalize;
    font-size:18px;
    text-indent:0px;
    padding-left:15px;
    padding-top:10px;
}

#showInfoListPanel{
    width:507px;
    height:432px;
    background-image:url(../images/show-info/show-details-list_panel.png);
}

#showInfoListPanel h4{
    float:left;
    text-transform:uppercase;
    font-size:11px;
    text-indent:0px;
    margin-top:15px;
    height:22px;
}

#showTitle{
    padding-left:13px;
}
#genre{
    padding-left:140px;
}
#info{
    padding-left:100px;
}

#showInfoListScroll{
    height:380px;
    width:487px;
    padding-left:9px;
    overflow-x:hidden;
    overflow-y:scroll;
    position:relative;
}

#showInfoListScroll table{
    border-collapse:collapse;
    margin:0px;
    padding:0px;
}

#showInfoListScroll td{
}

.showInfoListThumb{
    /*width:82px;*/
    width:194px;
	height:100px;
}
.showInfoListThumb h5{
    margin-left:7px!important;
    width:194px!important;
	zoom:1;
}
.showInfoListThumb img{
    border:2px solid black;
    vertical-align:middle;
    margin:5px 0px 5px 5px;
}
.showInfoListTitle{
    width:120px;
    text-align:left;
	
}
.showInfoListGenre{
    width:77px;
    text-align:center;
    vertical-align:middle;
}
.showInfoListInfo{
    vertical-align:middle;
}


#showInfoListScroll h5, #showInfoListScroll h5 a{
    text-indent:0px;
    text-transform:capitalize;
    font-size:11px;
    padding:0px;
    margin:0px;
    color:#fff;
    text-decoration:none;
}
#showInfoListScroll h5 a:hover{
    text-decoration:underline!important;
}
#showInfoListScroll h6{
    text-indent:0px;
    font-size:11px;
    padding:0px;
    margin:0px;
}
#showInfoListScroll p{
    font-size:11px;
    margin:5px 0px 15px 15px;
}



.showInfoListItem1{   
    background-image:url(../images/show-info/showInfoListItem1_bg.jpg);
    background-repeat:repeat-y;
    background-position:left;
}

.showInfoListItem2{
}

.micrositeLink{
    float:right;
    display:block;
    padding-right:15px;
    padding-top:13px;
}

.viewallLink{
    float:right;
    display:block;
}

.activeLink{
    color:#7380ce!important;
}

.seasonLinks{
    width:430px;
    text-align:left;
    list-style:none;
    margin: 0px 0px 0px 40px;
    zoom:1;
}
.seasonLinks:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}

.seasonLinks li{
    width:97px;
    display:block;
    float:left;
    margin:0px 10px 0px 0px;
}

.seasonLinks li a{
    position: relative;
    background-repeat:no-repeat;
    background-position:left top;
    cursor: pointer;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    margin:0px 10px 0px 0px;
}

.seasonLinks a:hover{
    color:#7380ce;
}

#showInfoScroll{
    height:343px;
    overflow:auto;
    position:relative;
    margin:2px 20px 5px 40px;
}

#castandcrew{
    background-image:url(../images/whats-on/cast-and-crew.png);
    padding-bottom:15px;
    margin-top:10px;
}

#synopsis{
    background-image:url(../images/whats-on/synopsis.png);
    padding-bottom:15px;
    margin-top:10px;
}

#availability{
    background-image:url(../images/whats-on/availability.png);
    padding-bottom:10px;
    margin-top:10px;
}

#episode-info{
    background-image:url(../images/whats-on/episode-info.png);
    padding-bottom:15px;
    margin-top:15px;
}

#showInfoLeft{
    float:left;
    width:260px;
}
#showInfoRight{
    float:left;
	width:140px;
    margin-left:20px;
    margin-top:24px;
	text-align:right;
}
#showInfoRight img{
    border:2px solid #0f1b50;
	
}




/* Whats On
--------------------------------------------------*/


#listings{
    background-image:url(../images/whats-on/whats-on_bg.jpg);
    background-repeat:no-repeat;
    width:920px;
    height:525px;
    text-align:center;
    padding-bottom:10px;
}

#listingsSwf{
    margin-top:9px;
    width:889px;
    height:508px;
    text-align:center;
}

#providersBox{
    margin-bottom:5px;
    width:374px;
    height:233px;
    background-image:url(../images/whats-on/providersBox.png);
    text-align:center;
}

#providersBox .contentPad{
    padding-top:15px;
    margin:auto;
    width:335px;
}


#providersBox .providersList{
    padding:40px 0px 0px 0px;
    margin-right:0px;
}
#providersBox .providersList li{
    margin-right:10px;
}


/* Comp
--------------------------------------------------*/

.competition #showsListScrollDiv{
    height:284px;
 }

.competition h2{
    background-image:url(../images/competition/competition.png);
    padding-bottom:15px;
}

.competition .contentPad{
    padding:20px 20px 0px 25px;
}
.competition p{
    color:#c5ccfe;
}

.competitionForm{
    display:block;
    width:280px;
    text-align:center;
    margin:auto!important;
}

.competition label{
    float:left;
    padding-right:20px;
    padding-bottom:15px;
}

.competition input{
    float:right;
    background-color:#2a315b;
    border:1px solid white;
    color:#fff;
    padding-left:5px;
}

/* Signup
--------------------------------------------------*/

.signup #showsListScrollDiv{
    height:284px;
 }

.signup h2{
    background-image:url(../images/sign-up/sign-up.png);
    padding-bottom:15px;
}

.signup .contentPad{
    padding:20px 20px 0px 25px;
}
.signup p{
    color:#c5ccfe;
}

#formBox{
    background-image:url(../images/sign-up/form_bg.png);
    background-repeat:no-repeat;
    width:413px;
    height:163px;
    margin-top:45px;
    margin-left:45px;
    text-align:center;
    padding-top:30px;
}


.signupForm{
    display:block;
    width:280px;
    text-align:center;
    margin:auto!important;
}

.signup label{
    float:left;
    padding-right:15px;
    padding-bottom:15px;
}

.signup input{
    float:right;
    background-color:#2a315b;
    border:1px solid white;
    color:#fff;
    padding-left:5px;
}

#submitButton{
    clear:both;
    background: transparent url(../images/sign-up/submit.gif) no-repeat center top;
    float:right;
    border:none;
    width:89px;
    height:21px;
    text-indent:-1000px!important;
}

/* FAQ
--------------------------------------------------*/

.faq h2{
    background-image:url(../images/faq/wbtv-faq.png);
    padding-bottom:25px;
}

.faq .contentPad{
    padding:25px 20px 0px 25px;
}

#faqScrollBox{

}

.faqOpen, .faqClosed{
    display:block;
    margin-right:5px;
    padding-top:5px;
    margin-left:15px;
}
.faqClosed{
    overflow:hidden;
}
.faqItemRow1{
    background-color:#141e4a;
}
.faqItemRow2{
    background-color:#1a255c;
}
#faqScrollDiv h3, #faqScrollDiv h3 a{
    color:#677be8;
    text-indent:0px;
    font-size:12px;
    font-weight:normal;
    padding:0px 5px 5px 0px;
    text-decoration:none;
    height:auto;
}
#faqScrollDiv p{    
    color:#c5ccfe;
    padding:0px;    
    padding-bottom:15px;
    margin:0px!important;   
}

#faqScrollDiv p a{    
    color:#c5ccfe;
}

.faqOpen p{
    display:block;
}
.faqClosed p{
    display:none;
    margin:0px!important;
    
}
.faqOpen h3{
    background-image:url(../images/faq/open-pointer.gif);
    background-repeat:no-repeat;
    background-position:top right;
}
.faqClosed h3{
    background-image:url(../images/faq/closed-pointer.gif);
    background-repeat:no-repeat;
    background-position:top right;
}

#faqDiv{
    width:496px;
    height:421px;
    font-size:11px;
}


#faqScrollDiv{
    overflow:auto;
    position:relative;
    width:496px;
    height:421px;
}

#faqDiv strong{
    color:#677be8;
    font-weight:bold;
}
#faqDiv p{
    margin:15px;
    color:#c5ccfe;
}


/* Page Structure
--------------------------------------------------*/

#wrapper{
    width:920px;
    margin:auto;
    position:relative;
}

#header{
    height:157px;
    margin-top:10px;
}

#non-flash-header{
    background-image:url(../images/common/headerBg-no-flash.jpg);
    background-repeat:no-repeat;
    height:157px;
}


#content{
}

#contentLeft{
    width:543px;
    float:left;
}

#contentRight{
    margin:0px 0px 0px 4px;
    width:373px;
    float:left;
}

#footer{
    margin-bottom:5px;
    clear:both;
    height:76px;
    background-image:url(../images/common/footerBg.png);
    background-repeat:no-repeat;
}

#footerLinks{
    font-size:10px;
    display:block;
    color:#5c72e5;
    margin:35px 0px 0px 42px;
    float:left;
}
#footerLinks a{
    color:#5c72e5;
    text-decoration:none;
}
#footerLinks a:hover{
    color:#5c72e5;
    text-decoration:underline;
}

#footerLogo{
    display:block;
    margin:15px 15px 0px 0px;
    float:right;
}




.contentBoxWB{
    margin-bottom:5px;
}
.contentBoxWBTop{
    background-image:url(../images/common/contentBoxWB_top.png);
    background-repeat:no-repeat;
    background-position:top;
    height:15px;
    width:542px;
}
.contentBoxWBMid{
    background-image:url(../images/common/contentBoxWB_mid.png);
    background-repeat:no-repeat;
    background-position:top;
    width:542px;
}
.contentBoxWBMidBack{
    background-image:url(../images/common/contentBoxWB_mid-tile.jpg);
    background-position:top;
    width:542px;
}

.contentBoxWBContent{
    background-image:url(../images/common/contentBoxWB_lines.png);
    background-position:top;
    background-repeat:no-repeat;
    width:542px;
}
.contentBoxWBBot{
    background-image:url(../images/common/contentBoxWB_bot.png);
    background-position:top;
    background-repeat:no-repeat;
    width:542px;
    height:15px;
}



.contentBoxShort{
    margin-bottom:5px;
}
.contentBoxShortTop{
    background-image:url(../images/common/contentBoxShort_top.png);
    background-repeat:no-repeat;
    background-position:top;
    height:14px;
    width:542px;
}
.contentBoxShortMid{
    background-image:url(../images/common/contentBoxShort_mid.png);
    background-repeat:no-repeat;
    background-position:top;
    width:542px;
}
.contentBoxShortMidBack{
    background-image:url(../images/common/contentBoxShort_mid-tile.jpg);
    background-position:top;
    width:542px;
}

.contentBoxShortContent{
    background-image:url(../images/common/contentBoxShort_lines.png);
    background-position:top;
    background-repeat:no-repeat;
    width:530px;
    min-height:137px;
}
.contentBoxShortContent:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.contentBoxShortBot{
    background-image:url(../images/common/contentBoxShort_bot.png);
    background-position:top;
    background-repeat:no-repeat;
    width:542px;
    height:15px;
}


.contentBoxLeft{
    margin-bottom:5px;
}
.contentBoxLeftTop{
    background-image:url(../images/common/contentBox_top.png);
    background-repeat:no-repeat;
    background-position:top;
    height:13px;
    width:542px;
}
.contentBoxLeftMid{
    background-image:url(../images/common/contentBox_mid.png);
    background-repeat:no-repeat;
    background-position:top;
    width:542px;
}
.contentBoxLeftMidBack{
    background-image:url(../images/common/contentBox_mid-tile.jpg);
    background-position:top;
    width:542px;
}

.contentBoxLeftContent{
    background-image:url(../images/common/contentBox_lines.png);
    background-position:top;
    background-repeat:no-repeat;
    width:542px;
}
.contentBoxLeftContent:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.contentBoxLeftBot{
    background-image:url(../images/common/contentBox_bot.png);
    background-position:top;
    background-repeat:no-repeat;
    width:542px;
    height:13px;
}




.contentBoxRight{
    margin-bottom:5px;
}
.contentBoxRightTop{
    background-image:url(../images/common/contentBoxRight_top.png);
    background-repeat:no-repeat;
    background-position:top;
    height:13px;
    width:373px;
}
.contentBoxRightMid{
    background-image:url(../images/common/contentBoxRight_mid.png);
    background-repeat:no-repeat;
    background-position:top;
    width:373px;
}
.contentBoxRightMidBack{
    background-image:url(../images/common/contentBoxRight_mid-tile.jpg);
    background-position:top;
    width:373px;
}

.contentBoxRightContent{
    background-image:url(../images/common/contentBoxRight_lines.png);
    background-position:top;
    background-repeat:no-repeat;
    width:373px;
}
.contentBoxRightBot{
    background-image:url(../images/common/contentBoxRight_bot.png);
    background-position:top;
    background-repeat:no-repeat;
    width:373px;
    height:13px;
}


.contentRightPad{
    padding:15px 20px 10px 23px;
}

.contentPad{
    padding:30px 35px 30px 35px;
}