@charset "utf-8";
/* Styles for 3Vision Distribution */

/* default
---------------------------------------------- */

/* accessibility */
a.accessibility_one,
a.accessibility_two { color: #999; font-size: 1.1em; left: 522px; line-height: 2; position: absolute; text-decoration: none; top: -999em; }
a.accessibility_one:focus, a.accessibility_one:active { color: #000; top: 2em; }
a.accessibility_two:focus, a.accessibility_two:active { color: #000; top: 4em; }


html { background:#000 url(../images/common/page-bg.gif) center top no-repeat; }

body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#fff; margin:0; padding:0; background:#000 url(../images/common/page-bg.gif) center top no-repeat; }

h1, h2, h3, h4, h5 { margin:0 0 1em 0; padding:0; } 

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

p { margin:0 0 1em 0; padding:0; font-size:1.4em; }

ul { margin:0; padding:0; }

a { color:#53b847; text-decoration:none; }

a:hover { text-decoration:underline; }


/* structural
---------------------------------------------- */

#wrapper {}

#page { width:980px; margin:0 auto; padding:0 0 50px 0; }

#main-nav { width:575px; float:right; }

#main-nav-padding { margin:32px 0 0 0; }

#page-header { width:900px; float:left; }

#page-body { width:900px; float:left; min-height:500px; }

.ie6 #page-body { height:500px; }

#page-footer { width:900px; float:left; }



/* branding */
#page-header h2 { width:285px; height:103px; display:block; background:url(../images/common/3vision-distribution-logo.png) 0 0 no-repeat; text-indent:-1000em; float:left; margin-bottom:39px; }
#page-header h2 a { width:285px; height:103px; display:block; }
#page-header h2 a:focus { outline:none; }



/* columns */
.col-a { width:153px; float:left; }
.col-b { width:499px; float:left; }
.col-c { width:248px; float:left; }

.col-padding { padding:0 40px 0 0; }



/* main nav */
#main-nav ul { list-style-type:none; float:right; padding:0; margin:0; }
#main-nav li { float:left; }
#main-nav li a { margin:0; padding:20px 18px; display:block; color:#fff; font-size:1.2em; font-weight:bold; }
#main-nav li a:hover { background:url(../images/common/green-arrow.gif) 7px 24px no-repeat; text-decoration:none; }
#main-nav li a:focus { outline:none; } 

#main-nav li.contact a { padding:20px 0 20px 20px; } /* no right padding for contact nav item */

/* main nav active states */
#home #main-nav li.home { background:url(../images/common/green-arrow.gif) 7px 24px no-repeat; }
#channels #main-nav li.channels { background:url(../images/common/green-arrow.gif) 7px 24px no-repeat; }
#news #main-nav li.news { background:url(../images/common/green-arrow.gif) 7px 24px no-repeat; }
#contact #main-nav li.contact { background:url(../images/common/green-arrow.gif) 7px 24px no-repeat; }



/* footer nav */
#footer-nav { font-weight:bold; font-size:1.1em; width:900px; }
#footer-nav ul { list-style-type:none; padding:72px 0 0 0; margin:0; }
#footer-nav li { float:left; padding:0 10px 0 9px; background:url(../images/common/footer-nav-separator.gif) right 2px no-repeat; line-height:1.6em; }
#footer-nav li.footer-nav-first { padding:0 10px 0 0; }
#footer-nav li.footer-nav-last { background:none; }
#footer-nav li a { color:#53b847; }
#footer-nav li a:hover { text-decoration:underline; }

#footer-nav ul.footer-nav-bottom { clear:both; padding:0; }



/* secondary nav */
#secondary-nav { font-size:1.2em; }
#secondary-nav ul { list-style-type:none; margin:0; padding:0; }
#secondary-nav li { margin:0; padding:0; line-height:1em; }
#secondary-nav li a { color:#9e9e9e; padding: 0 0 5px 9px; display:inline-block; }
#secondary-nav li a:hover { background:url(../images/common/green-arrow.gif) 0 3px no-repeat; text-decoration:none; }

/* hide all subnavs by default */
#secondary-nav ul.subnav { list-style-type:none; margin:0; padding:0; }
#secondary-nav ul.subnav li { padding:0 0 0 10px; margin:0; }
#secondary-nav ul.subnav { display:none; }

/* show the relevant subnav */
#secondary-nav .duck-tv-summary li.duck-tv ul.subnav,
#secondary-nav .duck-tv-info li.duck-tv ul.subnav,
#secondary-nav .fashion-one-summary li.fashion-one ul.subnav,
#secondary-nav .fashion-one-info li.fashion-one ul.subnav,
#secondary-nav .fitness-tv-summary li.fitness-tv ul.subnav,
#secondary-nav .fitness-tv-info li.fitness-tv ul.subnav,
#secondary-nav .kerrang-summary li.kerrang ul.subnav,
#secondary-nav .kerrang-info li.kerrang ul.subnav,
#secondary-nav .kiss-summary li.kiss ul.subnav,
#secondary-nav .kiss-info li.kiss ul.subnav,
#secondary-nav .magic-summary li.magic ul.subnav,
#secondary-nav .magic-info li.magic ul.subnav,
#secondary-nav .purescreens-summary li.purescreens ul.subnav,
#secondary-nav .purescreens-showcase li.purescreens ul.subnav,
#secondary-nav .purescreens-museum li.purescreens ul.subnav,
#secondary-nav .purescreens-nature li.purescreens ul.subnav,
#secondary-nav .purescreens-on-demand li.purescreens ul.subnav,
#secondary-nav .purescreens-info li.purescreens ul.subnav,
#secondary-nav .q-summary li.q ul.subnav,
#secondary-nav .q-info li.q ul.subnav,
#secondary-nav .smash-hits-summary li.smash-hits ul.subnav,
#secondary-nav .smash-hits-info li.smash-hits ul.subnav { display:block; }

/* set relevant subnav items to white */
#secondary-nav .duck-tv-summary li.duck-tv a,
#secondary-nav .duck-tv-info li.duck-tv a,
#secondary-nav .fashion-one-summary li.fashion-one a,
#secondary-nav .fashion-one-info li.fashion-one a,
#secondary-nav .fitness-tv-summary li.fitness-tv a,
#secondary-nav .fitness-tv-info li.fitness-tv a,
#secondary-nav .kerrang-summary li.kerrang a,
#secondary-nav .kerrang-info li.kerrang a,
#secondary-nav .kiss-summary li.kiss a,
#secondary-nav .kiss-info li.kiss a,
#secondary-nav .magic-summary li.magic a,
#secondary-nav .magic-info li.magic a,
#secondary-nav .purescreens-summary li.purescreens a,
#secondary-nav .purescreens-showcase li.purescreens a,
#secondary-nav .purescreens-museum li.purescreens a,
#secondary-nav .purescreens-nature li.purescreens a,
#secondary-nav .purescreens-on-demand li.purescreens a,
#secondary-nav .purescreens-info li.purescreens a,
#secondary-nav .q-summary li.q a,
#secondary-nav .q-info li.q a,
#secondary-nav .smash-hits-summary li.smash-hits a,
#secondary-nav .smash-hits-info li.smash-hits a { color:#fff; }

/* subnav summary active states */
#secondary-nav .duck-tv-summary li.duck-tv ul.subnav li.summary,
#secondary-nav .fashion-one-summary li.fashion-one ul.subnav li.summary,
#secondary-nav .fitness-tv-summary li.fitness-tv ul.subnav li.summary,
#secondary-nav .kerrang-summary li.kerrang ul.subnav li.summary,
#secondary-nav .kiss-summary li.kiss ul.subnav li.summary,
#secondary-nav .magic-summary li.magic ul.subnav li.summary,
#secondary-nav .purescreens-summary li.purescreens ul.subnav li.summary,
#secondary-nav .q-summary li.q ul.subnav li.summary,
#secondary-nav .smash-hits-summary li.smash-hits ul.subnav li.summary { background:url(../images/common/green-arrow.gif) 10px 3px no-repeat; }

/* subnav more info active states */
#secondary-nav .duck-tv-info li.duck-tv ul.subnav li.info,
#secondary-nav .fashion-one-info li.fashion-one ul.subnav li.info,
#secondary-nav .fitness-tv-info li.fitness-tv ul.subnav li.info,
#secondary-nav .kerrang-info li.kerrang ul.subnav li.info,
#secondary-nav .kiss-info li.kiss ul.subnav li.info,
#secondary-nav .magic-info li.magic ul.subnav li.info,
#secondary-nav .purescreens-info li.purescreens ul.subnav li.info,
#secondary-nav .q-info li.q ul.subnav li.info,
#secondary-nav .smash-hits-info li.smash-hits ul.subnav li.info { background:url(../images/common/green-arrow.gif) 10px 3px no-repeat; }

/* purescreens subnav */
#secondary-nav .purescreens-showcase li.purescreens { background:url(../images/common/green-arrow.gif) 0 3px no-repeat; }
#secondary-nav .purescreens-museum li.purescreens ul.subnav li.museum { background:url(../images/common/green-arrow.gif) 10px 3px no-repeat; }
#secondary-nav .purescreens-nature li.purescreens ul.subnav li.nature { background:url(../images/common/green-arrow.gif) 10px 3px no-repeat; }
#secondary-nav .purescreens-on-demand li.purescreens ul.subnav li.on-demand { background:url(../images/common/green-arrow.gif) 10px 3px no-repeat; }



/* call to action link (request a showreel) */
p.call-to-action-link { padding:0 0 0 9px; background:url(../images/common/green-arrow.gif) 0 4px no-repeat; }
p.call-to-action-link a { color:#53b847; }
p.call-to-action-link a:hover { text-decoration:underline; }



/* home page ------------------------ */
#home #page-body { width:980px; } /* wider for home page to accomodate flash */
#spider-diagram { width:980px; min-height:552px; } /* flash on home page */
#spider-diagram-inner { padding:0 0 0 40px; _width:980px; _float:left;} 
#spider-diagram-inner:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}

.homepageLogos{ width:238px; display:block; float:left;}
.homepageLogos:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.homepageLogos li{ width:238px; display:block; float:left; margin-bottom:1px;}
.homepageLogos li h3{font-size:1.4em; color:#959595; margin-bottom:1px;}
.homepageLogos li h4{font-size:1.4em; font-weight:normal;}
.homepageLogos li img{display:block; float:left; margin:0 20px 0 0;}
.homepageLogos li a img{border:none;}
.homepageLogos li .hgroup{width:151px; display:block; float:left;}

#lastCol{width:208px;}
#lastCol li .hgroup{width:121px; display:block; float:left;}

#home #footer-nav ul { padding:12px 0 0 0; }
#home #footer-nav ul.footer-nav-bottom { padding:0; }



/* channels pages ------------------------ */
#channels #page-header { float:right; }
#channels #page-body { width:909px; } /* wider for channels page to accomodate for secondary nav arrow */
#channels .page-padding { padding:0 40px 0 31px; }
#channels #page-footer { float:right; }

#channels .col-a { width:162px; }

#showreel { width:460px; height:284px; }
.col-c h2 { font-size:2.2em; margin:19px 0 16px 0; font-weight:normal; }
.col-c h3 { margin:0 0 5px 0; }
.col-c ul { list-style-type:none; margin:0 0 30px 0; padding:0; color:#9e9e9e; font-size:1.2em; }

.info-header { width:747px; float:left; padding:0 0 5px 0; border-bottom:#9e9e9e 1px solid; margin:0 0 20px 0; }

p.satellite-info { font-size:1.2em; font-weight:bold; color:#53b847; }
p.satellite-info span { color:#fff; }
p.satellite-info a { color:#53b847; }
p.satellite-info a:hover { text-decoration:underline; }



/* news page ------------------------ */
#news .col-padding { padding:0 20px 0 0; }
#news .col-a { width:280px; color:#9e9e9e; }
#news .col-b { width:620px; color:#9e9e9e; }



/* contact us page ------------------------ */
#contact .col-a { width:280px; color:#9e9e9e; }
#contact .col-b { width:381px; color:#9e9e9e; }
#contact .col-c { width:239px; }

#contact .col-b h2 { color:#fff; margin:0; font-size:1.4em; }
#contact .col-b h3 { margin:0; }
#contact .col-b p { font-size:1.2em; }

#directions-form { margin:6px 0 0 0; }
#directions-form label { display:none; }
#directions-form #saddr { width:100px; background:#000; border:#9e9e9e 1px solid; color:#fff; padding:2px; }
#directions-form .directions-link { font-size:1.2em; padding: 0 5px; }



/* sitemap ------------------------ */
#sitemap .col-a { width:280px; color:#9e9e9e; }
#sitemap .col-b { width:381px; color:#9e9e9e; }
#sitemap .col-c { width:239px; }
#sitemap ul.sitemap-list { font-size:1.4em; list-style-type:none; }
#sitemap li.indent { padding:0 0 0 15px; }



/* disclaimer ------------------------ */
#disclaimer .col-a { width:280px; color:#9e9e9e; }
#disclaimer .col-b { width:620px; color:#9e9e9e; }
#disclaimer .col-b h2 { font-weight:normal; font-size:1.4em; color:#fff; }




/* misc */
.intro { color:#959595; font-size:1.4em; }
.page-padding { padding:0 40px; }
.clearboth { clear:both; }
.no-bottom-margin { margin:0; }
p.channel-website-link { font-weight:bold; font-size:1.2em; }

#page-body h1 { font-size:2.2em; font-weight:normal; }