/*
    filename: style.css
    version: 2.2
    description: Definition of CSS (Screen) for the Fox International Webpage
    last edited: 2008-12-18, Daniel Levi
    
    author: Daniel Levi
    email: daniel at psmw-newmedia dot de
    
    (c) PSM&W new media GmbH  2008. All rights reserved.
*/

/*==================== zero ====================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* forms */
form, fieldset { margin: 0; padding: 0; border: 0; }
select { border:1px solid #a9a9a9; }
input, 
select, 
textarea { font-size: 13px; font-family: "Trebuchet MS", "Lucida Grande", arial, helvetica, sans-serif; position: relative; }

/* special form formats */
input.email-short { width: 270px !important; }
input.send-button { width: 160px !important; float: left !important; display: inline !important; }
.mandatory { color: #335ea8; font-weight: 700; }
.form-error { display:block; margin: 6px 0 0;  color: #335ea8; font-weight:700; width: 340px; float: right; }
label.error { display:block!important; margin: 6px 0 0!important;  color: #335ea8!important; font-weight:700; width: 340px!important; float: right!important; }

/* hidden form elements */
fieldset.hidden { border: none !important; }
legend.hidden { display: none; }

/* html and body */
body { margin: 0; padding: 0; background: url('/common/images/backgrounds/bg.gif'); text-align: center; font-family: "Trebuchet MS", "Lucida Grande", arial, helvetica, sans-serif; font-size: 100%; }
img { border: 0; display: block; }
em { text-decoration:underline; font-weight:700; }
u { text-decoration: none!important; }

/* links */
a { font-family: "Trebuchet MS", "Lucida Grande", arial, helvetica, sans-serif !important; position: relative; -moz-outline: none;}
a:hover { text-decoration: underline; color: #ffc028 !important; }

/* generel common fonts */
h2 a { color: #1c356e; text-decoration: none; }
h2 a:hover { color: #1c356e !important; text-decoration: underline; }

/* behaviour */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .cl { height: 1%; }

/* master grid elements and backgrounds */
#gradient { background: url('/common/images/backgrounds/gradient.gif') repeat-x; }
#tank { width: 961px; margin: 0 auto; text-align: left; }
#tank #container { width: 961px; background: url('/common/images/backgrounds/container.png') repeat-y; z-index:0; }
#tank #container #content { width: 901px; margin: 0 30px; }

/* main teaser */
#cover-teaser { width: 901px; height: 294px; background: url('/common/images/backgrounds/cover.png') no-repeat; z-index: 0; position: relative; }

/* footer */
#footer { clear: both; width: 961px; background: url('/common/images/backgrounds/container.png') repeat-y; float:left; display:inline; }
#footer a { color: #fff!important; }
#footer a:hover { color: #ffc028!important; }
#footer-container { position:relative; z-index:0; width:901px; background: url('/common/images/backgrounds/footer-bg.png') repeat-y; margin-left:30px!important; }
#footer #footer-logo { width:52px; height:42px; float:left; display:inline; margin: 10px 10px 0 20px; background: url('/common/images/logos/footer-logo.gif') no-repeat; }
#footer #copyright { color: #fff; display: inline; float: left; z-index:100; position:relative; margin: 10px 0 0; width: 780px; font: 9px/14px Arial, Helvetica, sans-serif; }
#end-of-footer { clear: both; float:left; display:inline; width: 961px; height: 77px; background: url('/common/images/backgrounds/footer.png') no-repeat; }

/* footer links -> global format */
#footer-links { color: #b3c3e6!important; position:relative; z-index:0; float:left; display:inline; margin: 3px 0 6px 0; font-size: 11px; width:901px; text-align:right; }
#footer-links a { position:relative; color: #b3c3e6!important; text-decoration:underline; }
#footer-links a:hover { color:#ffc028!important; }

#footer-links #legal { z-index: 100; position:relative; width: 250px; float:left; display:inline; text-align:left; margin: 0 0 0 22px; }
#footer-links #fallback { z-index: 100; position:relative; width: 607px; float:right; display:inline; text-align:right; margin: 0 22px 0 0; }

/* sub contents */
#sub-content-teaser { width: 901px; height: 302px; overflow:hidden; background: url('/common/images/backgrounds/sub-content-teaser.png') no-repeat; } /* standard 2 cols */
#sub-content-teaser.with-wide-box { background: url('/common/images/backgrounds/sub-content-teaser-wide-box.png') no-repeat; } /* left box wide, right small */

.teaser-standard-box {  float:left; display:inline; width: 433px; height:302px; position: relative; z-index: 0; margin: 0 0 0 11px; }
.teaser-standard-box.wide { width: 580px; margin:0; }
.teaser-standard-box.micro { width:285px;margin:0 0 0 2px!important; }

/* content box in micro */
.teaser-standard-box.micro #box { margin: 55px 0 0; float:right; display:inline; width:261px; height:227px; }
.teaser-standard-box.micro #box a { font-size:13px; color: #ffc028; font-weight: 700; display: block; padding: 8px 0 0; }

/* headlines above flash */
.teaser-standard-box .headlines { position: absolute; top: 22px; left: 23px; z-index: 100; }
.teaser-standard-box.wide .headlines { left: 33px; }

.headlines h2 {  text-align:left !important; margin:0 !important; font-size: 15px !important; z-index: 100; position: relative; color: #1c356e; font-weight: 700; }
.headlines h2 a { font-size:15px; text-align:left; white-space:nowrap;  padding: 0 0 0 20px; display: block; background: url('/common/images/icons/arrow.gif') 0 3px no-repeat; }

/* icons at the bottom */
#icon-container { width: 901px; height: 257px; background: url('/common/images/backgrounds/icon-container.png') no-repeat; }
#icon-container-sub-sites { width: 901px; height: 263px; background: url('/common/images/backgrounds/icon-container-sub-sites.png') no-repeat; }

/* row containing two teaser elements (list or image) */
.sub-content-row { width: 901px; height: 240px; background: url('/common/images/backgrounds/sub-content-row.png') no-repeat; }
.sub-content-row .two-teasers { margin: 0 0 0 33px; float: left; display: inline; }
.sub-content-row .two-teasers { z-index:100; position:relative; }

/*==================== buttons ====================*/

/* link buttons */
a.link-button { display: block; line-height: 19px; color: #fff!important; margin: 12px 6px 0 0; text-decoration: none!important; float: left; font-size: 13px; width: 170px; height: 21px; background: url('/common/images/buttons/overview-box-links.gif') no-repeat; overflow: hidden; }
a.link-button:hover { text-decoration:none; color: #ffc028!important; }
a.link-button span { padding: 0 0 0 22px; }
p.buy-it { float:left; display: block; height: 30px; font-weight: 700; margin: 0 0 18px 0; line-height: normal; }
p.buy-it a { display: block; padding: 3px 0 0; color: #00003c !important; font-weight: 700; text-decoration: none !important; font-size: 17px; }
p.buy-it a span { padding: 0 0 0 35px; }
p.buy-it a:hover { color: #00003c !important; }

/* buy it buttons */
#detail-page p.buy-it, .blu-ray-sub-site p.buy-it, .dark-theme p.buy-it { width:217px; }
#detail-page p.buy-it { background: url('/common/images/buttons/buy-it-detail-page.gif') no-repeat; }
.blu-ray-sub-site p.buy-it { background: url('/common/images/buttons/buy-it-blu-ray.gif') no-repeat !important; }
.blu-ray-sub-site p.buy-it a, .dark-theme p.buy-it a { color: #00003c !important;   }
.dark-theme p.buy-it { background: url('/common/images/buttons/buy-it-dark-theme.gif') no-repeat !important; }

/* subscribe button */
span.subscribe { right: 0; top: 30px; position: absolute; z-index: 200; display: block; width: 155px; overflow:hidden; height: 25px; background: url('/common/images/buttons/subscribe-button.gif') no-repeat; padding: 1px 0 0; }
a.sub { line-height: 20px; color: #000 !important; font-size: 13px !important; display: block !important; width: 152px !important; text-align: center !important; padding: 0 0 0 11px !important; font-weight: 700 !important; }
a.sub:hover { color: #000 !important; }

/*==================== header elements ====================*/
#header { width: 961px; height:114px; background: url('/common/images/backgrounds/header.png') no-repeat; }

#logo-and-meta-navigation { width: 901px; margin: 0 0 0 30px; float:left; display:inline; position:relative; }
#main-navigation-and-search { width: 921px; float:left; display:inline; height:31px; }

/* the logo */
#logo { display:none; } /* no-css styles only */
#header a#home-link { width: 160px; height: 82px; display: block; float: left; }
#header a#home-link span { display: none; }

/* meta navigation */
#meta-navigation { position: relative; float: right; display: inline; text-align: right; margin: 20px 18px 0 0; }
#meta-navigation span.sepa { background: url('/common/images/icons/sepa.jpg') no-repeat; height:11px; width:3px; margin: 4px 2px 0 2px; display:block; float:left; }
#meta-navigation ul li { display: inline; }
#meta-navigation ul li a { font-size: 12px; text-decoration: none; color: #fff; padding: 0 4px; display: block; float: left; }
#meta-navigation ul li a:hover { padding: 0 4px; display: block; float: left; }

/* social navigaion */
#social-navigation { margin-top: 10px; clear: both; float: right; }
#social-navigation .social-icon { width: 20px; }

/* search */
#search { width: 220px; float: right; display:inline; margin: 4px 0 0 35px; position:relative; z-index:0; }
#search fieldset legend, #search label { display: none; }
#search input.suggest { z-index: 2; position:relative; width: 150px; padding: 0; font-size: 13px; color: #fff; margin: 0 0 1px; }
#search input.confirm { line-height:normal; font-size: 12px; padding: 0; height: 21px; width: 60px; position:absolute; right:0; top:0px;  }
#advanced-search { color: #fff; margin: 2px 0 0 10px; font-size: 10px; line-height: 12px; display: block; float: right; width: 60px; }

/* search suggest */
.ac_results { padding: 0px; border-left:1px solid #071c40; border-right:1px solid #071c40; background-color: #072c6b; overflow: hidden; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { color: #fff; text-align: left; margin: 0px; padding: 2px 5px; cursor: default; display: block; width: 100%; font-size: 12px; overflow: hidden; border-top: 1px solid #204a90; border-bottom: 1px solid #061939; }
.ac_loading { z-index:5000; position:relative; background : #072c6b url('/common/images/icons/indicator.gif') right center no-repeat;}
.ac_over {color: #fff; background-color: #e77a26; }

/*==================== main-navigation elements ====================*/
.current { background: url('/common/images/backgrounds/main-menu/main-navigation-item-active.png') no-repeat !important; }

.menu { z-index:1000; position:relative; float:left; margin:0; padding:0; border:0;  height:31px; }

.menu ul { margin:0 0 0 36px; list-style-type:none; }                             
.menu li { float:left; position:relative; margin:0; height:31px; }

.menu ul li table { margin:-1px 0;/* m\argin:0;*/ border-collapse:collapse; font-size:14px; }

.drop { display:block; margin:0; text-align:right; cursor:pointer; }
.drop span { float:left; }

.menu ul li { background: url('/common/images/backgrounds/main-menu/main-navigation-item.png') no-repeat;  white-space: nowrap;  color: #fff;  width:137px;  text-align:center; font-weight: 700;} 

span.main-item { line-height:1; font-size: 16px; display:block; padding-top: 9px; }

.menu ul li ul { display:none; padding:1px 1px 0 1px; }
.menu ul li ul span {  padding: 0 2px 0 22px; }

.menu ul li a,
.menu ul li a:visited { color: #fff; text-align:center!important; display:block; width: 137px; float:left; text-decoration:none!important; height:31px; }

.menu ul li:hover a,
.menu ul li a:hover {  color:#081e43 !important; background: url('/common/images/backgrounds/main-menu/main-navigation-item-hover.png') no-repeat !important; width:137px; }

.menu ul li:hover ul,
.menu ul li a:hover ul { z-index: 10000; display:block; position:absolute; margin:0; top:31px; left:-1px; height:auto; width:178px; color:#000; font-size:14px; background:#888; }

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton { left:0px; }

.menu ul li ul li { height: auto!important; background:#eee!important; border-top:1px solid #fff; border-bottom:1px solid #888888; width: 178px;}
.menu ul li ul li a { width:178px!important; font-weight: 400;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { display:block; padding: 4px 0px; text-align:left!important; border:0; margin:0; font-size:14px; height:auto; color:#081e43; background: url('/common/images/backgrounds/main-menu/submenu-bg.png') !important; }

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover { color:#fff!important; background: url('/common/images/backgrounds/main-menu/submenu-bg-hover.png') !important; }

/*==================== icon elements ====================*/

/* the four icons at the bottom */
#icons { text-align: center;  display: inline; float: left; width: 801px; margin: 11px 0 0 60px; }
#icons h2 a { color: #fff !important; }
#icons h2 a:hover { color: #ffc028 !important; }

#icons .icon-box { display: inline; margin: 10px 10px 0 0; width: 190px; float: left; }
#icons .icon-box  h2 { color: #fff; font-weight: 700; }
#icons .icon-box img { width: 88px; height: 88px; margin: 12px 51px; }
#icons .icon-box  p	{ font-size: 13px; color: #fff; }
#icons .icon-box  p a { color: #ffc028; font-weight: 700; display: block; padding: 8px 0 0; }

/* icon container on sub sites */
#icon-container-sub-sites #icons { margin: 21px 0 0 60px; }

/*==================== common row (start pages) ====================*/

/* common row with two boxes */
.sub-content-row .two-teasers-box { float: left; display: inline; margin: 16px 0 0; width: 405px; height: 201px; }
.sub-content-row .two-teasers-box h2 { font-size:15px; color: #1c356e; font-weight: 700; }
.sub-content-row .two-teasers-box h2 a { font-size:15px; padding: 0 0 0 20px; display: block; background: url('/common/images/icons/arrow.gif') 0 3px no-repeat; }
.sub-content-row .two-teasers-box p { font-size: 13px; color: #fff; margin: 0; clear: both; }
.sub-content-row .two-teasers-box p a { color: #ffc028; font-weight: 700; line-height: 26px; /*display: block; padding: 8px 0 0; */ }

.sub-content-row .two-teasers-box div.teaser-content { height: 170px; margin-top: 20px; overflow: auto; padding: 0; }
/*.sub-content-row .two-teasers-box div.teaser-content img { width: auto; height: auto; }*/
.sub-content-row .two-teasers-box div.teaser-content.no-title { margin-top: 38px; }

div.courl-list-link { float: left; position: absolute; }

/* fixed height and width of content */
.sub-content-row .two-teasers-box img, .sub-content-row .two-teasers-box div.flash-teaser { width: 405px; height: 137px; }

.sub-content-row .two-teasers-box.on-the-right-side { margin: 16px 0 0 26px !important; }

/* scrollable movie titles area */
.two-teasers-box #coming-soon { margin: 18px 0 0; width: 405px; height: 154px; overflow: auto; z-index: 100; position: relative; }
.two-teasers-box #coming-soon ul li { display:block; float:left; width: 370px; }
.two-teasers-box #coming-soon ul li a,
.two-teasers-box #coming-soon ul li a:hover { text-decoration: none; padding: 1px 0; color: #fff; font-size: 13px; display: block; width: 370px; border-bottom: 1px solid #16243d; border-top: 1px solid #2e59a9; }
.two-teasers-box #coming-soon ul li a:hover { text-decoration: underline !important;  }
.two-teasers-box #coming-soon ul li a.upcoming { color: #ffc028; font-weight: 700; }

/* breadcrumb, navi path */
#navi-path-container { font-weight: 700; color: #fff; font-size: 12px; width: 889px; margin: 0 0 0 6px; height: 24px;  background: url('/common/images/backgrounds/navi-path.png') repeat-x; }
#navi-path { padding: 3px 0 0 20px; }
#navi-path a { z-index: 0; position:relative; font-weight: 700; color: #fff; font-size: 12px; text-decoration: underline; }

/*==================== detail page (2 col standard layout {left col small | right col big} ) ====================*/

/* detail page (2 col layout) */
#detail-page { background: #264099 url('/common/images/backgrounds/detail-page/bg.png') repeat-y; width: 889px; margin: 0 0 0 6px; z-index:0; position:relative; }
#detail-page h1 { font-weight: 700; margin: 21px  0 0 30px; display: block; font-size: 20px; width: 580px; float: left; height: 28px; overflow:hidden; }
#detail-page h2 { font-weight: 700; color: #062962; margin: 23px 0 0; display: block; font-size: 18px; width: 250px; float: left; text-align: right; }

/* detail page header (including headlines) */
#detail-page-header { width: 889px; background: url('/common/images/backgrounds/detail-page/wallpaper.png') no-repeat; } 

/* headline container (detail- and overview pages) */
#headline-container { width: 820px; float: left; display: inline; margin: 21px 0 0 40px; }
#headline-container h1 { font-weight: 700; margin: 0; display: block; font-size: 20px; width: 600px; float: left; }
#headline-container h2 { font-weight: 700; margin: 2px 0 0; color: #062962; display: block; font-size: 18px; width: 210px; float: right; text-align: right; }
#headline-container h2 a.rss { text-decoration: none; font-weight: 700; color: #062962; display: block; font-size: 18px; float: right; text-align: right; background: url('/common/images/icons/rss.gif') right no-repeat; padding: 0 20px 0 0; }
#headline-container h2 a.rss:hover { text-decoration:underline; }

/* detail page left col (navigation left) */
#detail-page #left-col { width: 253px; float: left; margin: 30px 0 0 40px; display: inline; }
#detail-page #left-col img { border: 1px solid #000; }

/* detail page right col (content right) */

#detail-page #right-col em { text-decoration:none; font-style:italic!important; }
#detail-page #right-col { font-size: 13px; line-height:165%; width: 536px; float: right; margin: 30px 38px 11px 0; display: inline; }
#detail-page #right-col h3 { font-size: 16px; font-weight: 700; margin: 0 0 12px 0; }
#detail-page #right-col h3.quotes { margin: 0 0 12px 0; }
#detail-page #right-col blockquote { font-size: 13px; }
#detail-page #right-col p { font-size: 13px; line-height: 165%; margin: 0 0 12px 0; }
#detail-page #right-col a, #detail-page #right-col a:hover { color: #1c356e; text-decoration:underline; }
#detail-page #right-col #flashplayer { margin-bottom: 12px; }

/* common detail page footer (empty div-element) */
#detail-page #detail-page-footer { width: 889px; background: url('/common/images/backgrounds/detail-page/footer.png') no-repeat; height: 32px; }

/* detail page tabs */
#tab-box { position:relative; z-index:100; float:left; display:inline; margin: 48px 0 0; width:536px; }
.tabs-hide { display: none; }
.tabs-nav { font-size:13px; position:absolute; top:-25px; left:-4px; z-index: 1000; width:536px; list-style: none; }
.tabs-nav li { float:left; height: 26px; display:inline; text-align:center; margin: 0 0 0 4px; width: 128px; background: url('/common/images/backgrounds/detail-page/tab-navigation.gif') no-repeat;  }
.tabs-nav li a  { text-decoration:none!important; display:block; line-height:18px !important; padding: 4px 8px 1px 8px; margin: 0 4px 0 0;  color: #333!important; font-weight:700; }
.tabs-nav li a span { font-size:13px; } /*<-new UPD: for Safari */
.tabs-nav li a:hover { text-decoration:underline; color: #333 !important; }
.tabs-nav .tabs-selected {  background: url('/common/images/backgrounds/detail-page/tab-navigation-active.gif') no-repeat !important; }
.tabs-nav .tabs-selected a { display:block; padding: 4px 8px; }
.tabs-loading em { padding: 0 0 0 20px; background: url('/common/images/icons/loading.gif') no-repeat; }

.tabs-container { padding: 12px 12px 6px 12px; font-size:13px; border:1px solid #a1a1a1; background: #ddd; }
.tabs-container h5 { font-size: 15px; font-weight:700; margin: 0 0 8px 0; color: #444; }
.tabs-container ul li { color: #444; border-bottom: 1px solid #bcbcbc; width: 510px; padding: 3px 0; }
.tabs-container .inside-the-box { height: 250px; overflow:auto; position:relative; z-index:1000; }

/*==================== detail page (extension: trailers) ====================*/

/* detail page extension: trailer page */
#detail-page.trailers { background: #264099 url('/common/images/backgrounds/trailers/bg.png') repeat-y; width: 889px; margin: 0 0 0 6px; }
#detail-page.trailers  #detail-page-header { background: url('/common/images/backgrounds/trailers/wallpaper.png') no-repeat !important; }

#trailer-area { float: left; display: inline; width: 854px; margin: 0 0 0 17px; }
#trailer-area #trailer-navi { float: left; display: inline; width: 814px; margin: 24px 0  0; border-bottom: 1px solid #c6c6c6; }

/* detail page extension: trailer tabs */
#trailer-navi ul { float: left; display: inline; width: 500px; }
#trailer-navi ul li { width: 187px; height: 29px; float: left; display: inline; margin: 0 6px; }
#trailer-navi ul li a { color: #000 !important; display: block; float: left; width: 187px; text-decoration: none; height: 29px; font-weight: 700; line-height: 29px; text-align: center; background: url('/common/images/backgrounds/trailers/tab.gif') no-repeat; }
#trailer-navi ul li a:hover { text-decoration: underline; color: #000 !important; }
#trailer-navi ul li.active a { color: #fff !important; background: url('/common/images/backgrounds/trailers/tab-active.gif') no-repeat; }
#trailer-navi ul li.active a:hover { text-decoration: underline; color: #fff !important; }
#trailer-area #trailer-navi-border { border-bottom: 1px solid #fff; width: 814px; float: left; display: inline; margin: 0 0 0 20px; }

/* detail page extension: trailer sort links */
#trailer-navi #sort-trailers { float: right; display: inline; width: 314px; line-height: 27px; font-size: 13px; text-align: right; }
#trailer-navi #sort-trailers span { color: #666; }
#trailer-navi #sort-trailers a { color: #000; }
#trailer-navi #sort-trailers a:hover { color: #19499c !important; }

/* detail page extension: trailer left col */
#trailer-area #trailer-left-col { float: left; display: inline; width: 552px; }
#trailer-left-col #trailer { width: 552px; height: 446px; margin: 8px 0 0; float: left; display: inline; background: url('/common/images/backgrounds/trailers/trailer-area.jpg') no-repeat; }
#trailer #flashplayer { width: 490px; height: 320px; float: left; display: inline; margin: 22px 0 0 27px; background: #000; }

/* detail page extension: trailer meta functions (get code, download) */
#trailer .meta-functions { font-size: 13px; width: 490px; float: left; display: inline; margin: 10px 0 0 27px; }
#trailer .meta-functions .mf-left-col { margin: 0 12px 0 0; width: 90px; float: left; display: inline; }
#trailer .meta-functions .mf-right-col { width: 388px; float: left; display: inline; }
#trailer .meta-functions .mf-right-col input { width: 344px; }
#trailer .meta-functions .mf-right-col a { color: #000 !important; }
#trailer .meta-functions .mf-right-col a:hover { color: #030c62 !important; }

/* detail page extension: trailer right col */
#trailer-area #trailer-right-col { float: right; display: inline; width: 302px; }

/* detail page extension: trailer thumbnail menu */
#trailer-right-col ul#trailer-menu { float: left; display: inline; width: 302px; }

ul#trailer-menu  li { margin: 12px 20px  0 0; width: 131px; float: left; display: inline; height: 232px; background: url('/common/images/backgrounds/trailers/item.jpg') no-repeat; }
ul#trailer-menu  li img { margin: 6px 6px 0; height:163px!important; }
ul#trailer-menu  li div.trailer-desc { width: 117px; margin: 0 6px; font-size: 12px; height: 37px; overflow: hidden; }
ul#trailer-menu  li a.watch-it { text-decoration: none; font-size: 13px; line-height:18px; display: inline; width: 118px; height: 19px; color: #fff; margin: 0 6px; float: left; background: url('/common/images/buttons/trailer-watch-it.gif') no-repeat; }
ul#trailer-menu  li a.watch-it span { padding: 0 0 0 22px; }

/* detail page extension: trailer social web functions */
#trailer-fwd { z-index:100; position:relative; width: 552px; height: 240px; float: left; display: inline; background: url('/common/images/backgrounds/trailers/fwd-box-bg.jpg') no-repeat; }
#trailer-fwd h2 { text-align: left; margin: 0; color: #fff; }

#trailer-fwd #trailer-fwd-left-col { float: left; display: inline; font-size: 13px; width: 350px; margin: 18px 0 0 30px; min-height:202px; height:auto !important; height:202px; border-right: 1px solid #07204a; }
#trailer-fwd #trailer-fwd-right-col { float: right; display: inline; width: 136px; margin: 18px 34px 0 0; min-height:202px; height:auto !important; height:202px; border-left: 1px solid #465fad; }

#trailer-fwd-left-col form { margin: 0; padding: 0; float: left; display: inline; width: 350px; }
#trailer-fwd-left-col fieldset { border: none; float: left; width: 350px; position: relative; z-index: 2000; }
#trailer-fwd-left-col fieldset legend { display: none; }
#trailer-fwd-left-col fieldset p.form-row { display: block; clear: both; margin: 12px auto 0; width: 330px;  }
#trailer-fwd-left-col fieldset p.form-row label { color: #fff; width: 100px; float: left; display: inline; }
#trailer-fwd-left-col fieldset p.form-row input.with-border { width: 200px; float: right; display: inline; border: 1px solid #07204a !important; }
#trailer-fwd-left-col fieldset p.form-row input.send-button { margin: 0 0 0 128px; width: 165px; }

#trailer-fwd-right-col h2 { margin: 0; width: auto; padding: 0 0 0 10px; }
#trailer-fwd-right-col ul { margin: 12px 0 0; width: 136px; float: left; display: inline; }
#trailer-fwd-right-col ul li { margin: 0 0 8px 10px; width: 126px; float: left; display: inline; }
#trailer-fwd-right-col ul li a { display: block; float: left; text-decoration: none; color: #fff; font-size: 13px; cursor:pointer; }
#trailer-fwd-right-col ul li a span { display: block; float: left; margin: -1px 0 0; }
#trailer-fwd-right-col ul li a img { float: left; margin: 0 4px 0 0; display: inline; width: 18px; height: 18px; }

/* detail page extension: trailer page footer */
#detail-page-footer-trailers { width: 889px; background: url('/common/images/backgrounds/trailers/footer.png') no-repeat; height: 32px; }

/*==================== overview page (2 col standard layout {left col big | right col small}) ====================*/

#overview-page { background: #264099 url('/common/images/backgrounds/overview-page/bg.png') repeat-y; width: 889px; margin: 0 0 0 6px; z-index:0; position:relative; }
#overview-page-header { width: 889px; background: url('/common/images/backgrounds/overview-page/wallpaper.png') no-repeat; }
#overview-page-footer { width: 889px; background: url('/common/images/backgrounds/overview-page/footer.png') no-repeat; height: 32px; }

/* overview page left col */
#overview-page #left-col { width: 610px; float: left; display: inline; margin: 30px 0 0 30px; }
#overview-page #left-col.choose-a-title { margin: 30px 0 0 38px; }
#overview-page #left-col h3 { font-size: 16px; font-weight: 700; margin: 12px 0 0; }
#overview-page #left-col h3.quotes { margin: 12px 0; }
#overview-page #left-col blockquote { font-size: 13px; }
#overview-page #left-col p { font-size: 13px; margin: 12px 0 0; }

/* overview page right col */
#overview-page #right-col .module img { border: 1px solid #000; margin: 12px auto; }
#overview-page #right-col { width: 208px; float: right; margin: 30px 20px 0 0; display: inline; }
#overview-page #right-col  img { border: 1px solid #000; }

/*==================== overview page (movie title listings) ====================*/

.overview-item { width: 189px; height: 309px; margin: 0 11px 18px 0; float: left; display: inline; background: url('/common/images/backgrounds/overview-page/item.png') no-repeat; }
.overview-item img { margin: 11px 11px 0; width: 167px; height: 232px; }

.overview-item ul li.release { text-align: center; font-size: 15px; font-weight: 700; padding: 0 0 5px; }
.overview-item ul li a { line-height: 150%; text-decoration: none !important; color: #fff !important; font-weight: 700; margin: 0 0 4px; display: block; font-size: 13px; width: 171px; height: 21px; background: url('/common/images/buttons/overview-link-item-hover.png') no-repeat; }
.overview-item ul li a span { padding: 0 0 0 30px; }
.overview-item ul li a:hover { color: #ffc028  !important; margin: 0 0 4px; display: block; width: 171px; height: 21px; background: url('/common/images/buttons/overview-link-item-hover.png') no-repeat; }
.overview-item ul li a.amazon { color: #1e3692 !important; margin: 0 0 4px; display: block; width: 171px; height: 21px; background: url('/common/images/buttons/overview-link-item-amazon.png') no-repeat; }
.overview-item ul li a.amazon:hover { color: #1e3692 !important; background: url('/common/images/buttons/overview-link-item-amazon.png') no-repeat; }
.overview-links { width: 171px; margin: 7px 9px 0; }

/*==================== overview page (left col boxes) ====================*/

.ov-box { background: url('/common/images/backgrounds/overview-page/box-bg.gif') repeat-y; width: 590px; float: left; display: inline; margin: 0 0 18px 8px; }
.ov-box p a, .ov-box p a:hover { color: #030c62!important; }
.ov-box p { line-height: 140%; }
.ov-box h3 { font-weight: 700; color: #253b79; font-size: 18px; }
.ov-box ul { list-style-type: disc; font-size: 13px; padding: 0 0 0 24px; margin: 12px 0 0; line-height: 140%; }

.ov-box-header { background: url('/common/images/backgrounds/overview-page/box-header.gif') no-repeat; width: 590px; float: left; display: inline;}
.ov-box-header h2 { font-weight: 700; margin: 12px 12px 0; font-size: 18px; }
.ov-box .left-col { float: left; width: 186px; display: inline; margin: 12px 0 0 12px; }
.ov-box .left-col img { width: 186px; border: 1px solid #a9a9ab; }
.ov-box .right-col { float: right; width: 367px; display: inline; margin: 12px 12px 0 0; }
.ov-box .right-col em { text-decoration:none; }
.ov-box .right-col h2 { margin: 0; }
.ov-box .right-col { font-size:13px; }
.ov-box .right-col p { margin: 0 0 12px 0 !important; }
.ov-box .right-col a, .ov-box .right-col a:hover { color: #1c356e!important; text-decoration:underline; }
.ov-box .right-col a.link-button { color: #fff !important; }
.ov-box .right-col a.link-button:hover { color: #ffc028!important; }
.ov-box-footer { background: url('/common/images/backgrounds/overview-page/box-footer.gif') no-repeat; height: 12px; font-size: 1px; width: 590px; float: left; display: inline; }

/* if date is available/needed */
.ov-box .ov-headlines { width: 367px; display: inline; float: right; margin: 0; }
.ov-box .ov-headlines h2 { width: 230px; float: left; display: inline; margin:0 !important; }
.ov-box .ov-headlines span.date { margin: 3px 0 0; font-weight: 700; text-align: right; font-size: 13px; width: 137px; float: right; display: inline; }
.ov-box .ov-content { float:left; margin: 12px 0 0; display:inline; width: 367px; }
.ov-box .ov-content h3 { margin:0 !important; }

.ov-box .form-area { width: 565px; float: left; display: inline; margin: 12px 12px 0;  }
.ov-box .form-area fieldset { z-index: 1060; position: relative; border: 1px solid #a9a9a9; margin: 12px 0 0; padding: 0 12px 12px 12px; }
.ov-box .form-area fieldset p.form-intro { display: block; font-weight: 700; width: 457px; margin: 8px 0 0 41px !important; }

.ov-box fieldset { float:left; width: 539px; }
.ov-box fieldset legend { padding: 0 8px; font-size: 13px; font-weight: 700; color: #335ea8; }
.ov-box fieldset p.form-row { display: block; float:left; display:inline; margin: 12px 0 0 41px !important; width: 457px; }
.ov-box fieldset p.form-row label { width: 100px; float: left; display: inline; }
.ov-box fieldset p.form-row input { width: 340px; float: right; display: inline; }
.ov-box fieldset p.form-row textarea { width: 340px; float: right; display: inline; }

.ov-box fieldset span.two-selects-container { width: 340px; float: right; display: inline; }
.ov-box fieldset span.two-selects-container select { width: 60px; padding:0;  }
.ov-box fieldset span.option-container { width: 340px; float: right; display: inline; }
.ov-box fieldset p.big-question label { width: 320px !important; }
.ov-box fieldset p.big-question select { width: 120px; float: right; display: inline; }
.ov-box fieldset span.radios { display: inline; float: left; width: 110px; }

#contact-form span.radios { width: 170px!important; }

.ov-box fieldset span.option-container label { width: auto !important; margin: 0 8px 0 0; }
.ov-box fieldset span.option-container input { width: auto; margin: 3px 6px 0 0; float: left; display: inline; }
.ov-box fieldset span.option-container input.small-input { border:1px solid #a9a9a9; margin: 0 !important; width: 118px; float: right; display: inline; }

.ov-box fieldset span.legal-container a { color: #000; text-decoration: none; }
.ov-box fieldset span.legal-container a:hover { color: #000 !important; text-decoration: underline; }
.ov-box fieldset span.legal-container label { margin: 0; font-size: 11px; float: left; display: inline; width: 430px; }
.ov-box fieldset span.legal-container input.checkbox { width: auto; margin: 3px 6px 0 0; float: left; display: inline; }

/* extra form related elements */
a.change-email, a.change-email:hover { color: #19499c !important; display: block; float: right; width: 70px; text-align: right; }
.ov-box-header span.contact.mandatory { font-weight: 700; margin: 0; }
.ov-box fieldset.no-margin { margin: 0 !important; }

/*==================== overview page (extension: about fox) ====================*/

.ov-box.about-fox p { margin: 12px 12px 0 !important; }
.ov-box.about-fox img { float: left; display: inline; border: 1px solid #999; margin: 16px 12px 12px; }
.ov-box.about-fox a { text-decoration: underline; color: #000; font-weight: 700; }
.ov-box.about-fox a:hover {  color: #19499c !important; font-weight:700; }

/*==================== overview page (extension: book tickets) ====================*/

.book-tickets { margin: 30px 0 0 37px !important; float: left; display: inline; }
.book-tickets-box { width: 289px; height: 164px; overflow: hidden; float: left; display: inline; margin: 0 12px 12px 0; background: url('/common/images/backgrounds/book-tickets/box.gif') no-repeat; }
.book-tickets-box .left-col { margin: 12px 0 0 12px; width: 98px; float: left; display: inline; }
.book-tickets-box .left-col img { border: 1px solid #999; }
.book-tickets-box .right-col { margin: 12px 0 0 12px; width: 155px; float: left; display: inline; }
.book-tickets-box .right-col h2 { font-weight: 700; margin: -4px 0 0; }
.book-tickets-box .book-tickets-content { float: left; display: inline; width: 277px; height: 130px; }
.book-tickets-box .link-button.book-ticket { width: 155px; float:left; display:inline; margin: 0 0 0 120px !important; background: url('/common/images/buttons/book-tickets-links.gif') no-repeat !important;  }

/*==================== jobs page (extension: jobs) ====================*/

.jobs { margin: 30px 0 0 38px !important; float: left; display: inline; }
.jobs .jobs-container { width:590px; float:left; display:inline; }
.jobs .jobs-container  h2 { font-weight:700; }
.jobs .jobs-container  h3 { padding:0!important; margin:0!important; font-size: 15px; font-weight: 700; width: 289px; float:left; display: block; height: 26px; line-height: 24px; color: #fff; background:url('/common/images/backgrounds/jobs-col-header.gif')!important; }
.jobs .jobs-container  h3 span { padding: 0 8px; }
.jobs .jobs-container  div.division-link { font-size:13px; margin: 3px 8px 6px 8px !important; float:left; display:inline; }
.jobs .jobs-container  p { padding:0 !important; margin:0 !important; }

.jobs .jobs-container  p a, 
.jobs .jobs-container  p a:hover,
.jobs .jobs-container  div.division-link a,
.jobs .jobs-container  div.division-link a:hover
{ color: #030c62!important; font-weight:700; } 

.jobs-cinema-col { width: 289px; float:left; display:inline; }
.jobs-he-col { width: 289px; float:right; display:inline; }

.jobs .ov-box { margin: 0 0 18px 0!important; }
.jobs .ov-box p { margin: 12px 12px 0 !important; }
.jobs .ov-box img { float: left; display: inline; border: 1px solid #999; margin: 16px 12px 12px; }
.jobs .ov-box a { text-decoration: underline; color: #000; font-weight: 700; }
.jobs .ov-box a:hover {  color: #19499c !important; font-weight:700; }

.jobs-box { width: 289px; height: 164px; overflow: hidden; float: left; display: inline; margin: 0 0 12px 0; background: url('/common/images/backgrounds/book-tickets/box.gif') no-repeat; }
.jobs-box .jobs-content { float: left; display: inline; width: 265px; overflow: hidden; height:122px; margin: 8px 0 0 12px; }
.jobs-box .jobs-content p.published { margin:12px 0 0!important; padding:0!important; }
.jobs-box .jobs-content img { border: 1px solid #999; }
.jobs-box .jobs-content  h2 { line-height: 18px!important; font-weight: 700; }
.jobs-box .jobs-content  h2 a { line-height: 20px!important; }
.jobs-box .link-button.jobs { width: 155px; float:left; display:inline; margin: 0 0 0 120px !important; background: url('/common/images/buttons/book-tickets-links.gif') no-repeat !important;  }

/* job division (overview page) */
.ov-box.job .job-content { float: left; width: 566px!important; display: inline; margin: 12px 12px 0 12px; }
.ov-box.job .job-content p { margin:0!important; padding: 0 0 12px 0!important; }
.ov-box.job .job-content .link-button { float:right !important; display:inline!important; }

/* job detail (detail page) */
.ov-box.job .job-content h3 { margin: 0 !important; padding:0!important; }
.ov-box.job .job-content ul { margin: 0 0 12px 0 !important; }

/*==================== overview page (extension: news) ====================*/
.ov-box.news .news-meta { width: 565px; float: left; display: inline; margin: 8px 0 0 12px; }
.ov-box.news .news-meta .tags-list { padding: 0 0 8px; font-size: 13px; width: 565px; border-bottom: 1px solid #b2b1b1; }
.ov-box.news .news-meta .meta-info { padding: 8px 0 0; font-size: 13px; width: 565px; border-top: 1px solid #f3f3f3; }
.ov-box.news .news-meta a { color: #000; }
.ov-box.news .news-meta a:hover { color: #19499c !important; }
.ov-box.news .right-col p { margin: 0 0 12px !important; }

/*==================== overview page (extension: advanced search) ====================*/
.ov-box.advanced-search fieldset { border: none !important; float: left; width: 565px; display: inline; padding:0 !important; }
.ov-box.advanced-search fieldset legend { display: none; }
.ov-box.advanced-search fieldset p.form-row { display: block; clear: both; margin: 0 auto !important; padding: 8px 0; width: 565px !important; border-bottom: 1px solid #c2c2c4; border-top: 1px solid #e9e9eb; }
.ov-box.advanced-search fieldset p.form-row.button-area { padding: 0 !important; margin: 0; border-bottom: none; }
.ov-box.advanced-search fieldset p.form-row label { margin: 0 12px 0 0; width: 230px !important; float: left; display: inline; text-align: right; }
.ov-box.advanced-search fieldset p.form-row input { width: 251px !important; float: left !important; display: inline; }
.ov-box.advanced-search fieldset p.form-row select { width: 180px; float: left; display: inline;}
.ov-box.advanced-search fieldset p.form-row input.send-button { width: 160px !important; display: inline; margin: 6px 0 0 241px; }
.ov-box.advanced-search fieldset span.option-container { width: 251px !important; float: left !important; display: inline; }
.ov-box.advanced-search fieldset span.option-container label { width: auto !important; float: left; display: inline; }
.ov-box.advanced-search fieldset span.option-container input { width: auto !important; }
.ov-box.advanced-search fieldset span.radios { display: inline; float: left; width: 110px !important; }

/*==================== overview page (extension: search result pages: serps, advanced search, catalog) ====================*/
#overview-page #search-result-area { width: 590px; float: left; display: inline; margin: 0 0 12px 8px; }
#search-result-area #search-result-header { width: 590px; float: left; display: inline; background: url('/common/images/backgrounds/results/header.gif') no-repeat; }

#result-browsing-head { float: left; display: inline; width: 590px; height: 43px; }
#result-browsing-head #search-result-title { float: left; display: inline; width: 350px!important; margin: 10px 0 0 12px; height: 24px; overflow: hidden!important; }
#search-result-title h2 { width:auto!important; display:inline!important; font-size: 18px; font-weight: 700; height: 24px; }
#search-result-title h2  span { color: #09357e; }
#search-result-sort-by { font-size: 13px; font-weight: 700; float: right; display:inline; margin: 14px 12px 0 0; text-align: right; width: 140px; }
#search-result-sort-by a { font-size: 13px; color: #000; }
#search-result-sort-by a:hover { color: #19499c !important; }
#search-result-sort-by span { color: #666; } 

#result-browsing { width: 590px; height: 27px; float: left; display: inline; }
#result-info { margin: 5px 0 0 12px; font-weight: 700; font-size: 13px; float: left; display: inline; width: 300px; overflow: hidden; }

.search-result-browse { display: inline; width: 186px; float: right; margin: 0; }
.search-result-browse .browse-button { line-height: 18px; display: inline; float: right; width: 83px; height: 19px; margin: 4px 10px 0 0; }
.search-result-browse .browse-button a { color: #fff; text-decoration: none; font-size: 12px;background: url('/common/images/buttons/browse-button.gif') no-repeat; display: block; height: 19px; width: 83px; float: right; text-align: center; }

#results { background: url('/common/images/backgrounds/results/bg.gif') repeat-y; width: 590px; float: left; display: inline; }
#results ul { width: 587px; float: left; display: inline; margin: 0 0 0 1px; }
#results ul li { display: block; width: 587px; float: left; background: #fff; }
#results ul li div.result-row { padding: 12px; float: left; display: inline; }
#results ul li div.alt { /*UPD: removed-> width: 563px; */ background: #f0f0f0; }
#results ul li div.number { color: #555; float: left; display: inline; font-size: 16px; font-weight: 700; width: 40px; margin: 0; }
#results ul li div.teaser-text { float: left; display: inline; }
#results ul li div.teaser-text h3 { margin:0 !important; }
#results ul li div.teaser-text h3 a { text-decoration:none; margin: 0 !important; color: #666; }
#results ul li div.teaser-text h3 a:hover { text-decoration:underline; margin: 0 !important; color: #09357e !important; }
#results ul li div.teaser-text p { margin: 0!important; color: #888; }
#results ul li div.teaser-text p span { font-weight: 700; color: #09357e; }
#results ul li div.type { margin: 8px 0 0; float: right; display: inline; width: 70px; }

#results.with-thumbnails ul li div.teaser-text { width: 429px; }
#results.without-icons ul li div.teaser-text { width: 523px; }
#results.without-thumbnails ul li div.teaser-text { width: 493px; }

#results ul li div.thumbnail { color: #555; float: left; display: inline; font-size: 16px; font-weight: 700; width: 52px; height: 72px; margin: 0 12px 0 0; }
#results ul li div.thumbnail img { margin: 4px 0 0; border: 1px solid #666; }

#search-result-footer { font-size: 13px; background: url('/common/images/backgrounds/results/footer.gif') no-repeat; float: left; display: inline; height: 33px; width: 590px; }
#search-result-footer.no-tumbnails {  background: url('/common/images/backgrounds/results/footer-advanced.gif') no-repeat; }
#search-result-footer #thumbnails { float: left; display: inline; width: 137px; margin: 7px 0 0 8px; }
#search-result-footer #thumbnails span { color: #666; }
#search-result-footer #thumbnails a { color: #000; }
#search-result-footer #thumbnails a:hover { color: #19499c !important; }
#search-result-footer .search-result-browse { margin: 3px 0 0 !important; }
#search-result-footer #titles-per-page { float: left; display: inline; width: 200px; margin: 7px 0 0 14px; }
#search-result-footer #titles-per-page select { font-size: 11px; width: 50px; }
#search-result-footer #titles-per-page label { display: block; float: left; margin: 0 6px 0 0; }

#tooltip { color: #fff; position: absolute; z-index: 10001; width: 200px; border: 1px solid #8f9fcd; background: #31488e url('/common/images/backgrounds/overview-page/tooltip.gif'); padding: 8px; text-align:left; }
#tooltip h3, #tooltip div { margin: 0; font-size:13px; }

/*==================== overview page (extension: browse catalog) ====================*/
#browse-catalog-box { width: 590px; height: 82px; float: left; display: inline; margin: 0 0 12px 8px; background: url('/common/images/backgrounds/results/catalog-box.gif') no-repeat; }
#browse-catalog-box h2 { margin: 6px 12px 0; font-weight: 700; }
#browse-catalog-box ul { width: 570px; float: left; display: inline; margin: 12px; }
#browse-catalog-box ul li { display: inline; width: 17px; height: 16px; }
#browse-catalog-box ul li.wide { width: 26px; }
#browse-catalog-box ul li a { text-decoration: none; text-align: center; font-size: 11px; color: #000; display: block; float: left; width: 17px; height: 16px; margin: 0 4px 4px 0; background: url('/common/images/buttons/browse-catalog-icon.gif') no-repeat; line-height: 17px; }

#browse-catalog-box ul li.wide a { width: 26px !important; background: url('/common/images/buttons/browse-catalog-icon-wide.gif') no-repeat; }
#browse-catalog-box ul li a.active { color: #fff !important; background: url('/common/images/buttons/browse-catalog-icon-active.gif') no-repeat; }
#browse-catalog-box ul li.wide a.active { color: #fff !important; background: url('/common/images/buttons/browse-catalog-icon-wide-active.gif') no-repeat; }
#browse-catalog-box ul li a:hover, #browse-catalog-box ul li.wide a:hover { color: #19499c !important; }
#browse-catalog-box ul li a.active:hover, #browse-catalog-box ul li.wide a.active:hover { color: #fff !important; }

#browse-filter { font-size: 13px; float: right; display: inline; margin: 12px 0 0; text-align: right; width: 140px; }
#browse-filter label { float: left; display: block; font-size: 13px; margin: 2px 6px 0 0; color: #000; }
#browse-filter select { float: left; display: inline; width: 87px; }

/*==================== paging (on detail- and overview page) ====================*/
.paging { margin: 6px 0 0 16px; width: auto; float: left; display: inline; }
.paging ul { float: left; display: inline; }
.paging ul li { text-align: center; width: 20px; height: 20px; float: left; margin: 0 4px 0 0; display: inline; }
.paging ul li.desc { font-size: 13px; width: auto !important; }
.paging ul li a { font-size: 14px; font-weight: 700; color: #000 !important; text-decoration: none; line-height: 20px; display: block; float: left; width: 20px; height: 20px; background: url('/common/images/buttons/paging-inactive.gif') no-repeat; }
.paging ul li a:hover { color: #000 !important; text-decoration: none; line-height: 20px; display: block; float: left; width: 20px; height: 20px; background: url('/common/images/buttons/paging-hover.gif') 0 0 no-repeat; }
.paging ul li.active a { background: url('/common/images/buttons/paging-active.gif') 0 0 no-repeat !important; color: #fff !important; }
.paging.for-trailers {margin: 12px 0 0 !important; }

/*==================== banner160600, ads (on detail- and overview page) ====================*/
#banner160600 { width: 160px; height: 600px; margin: 8px 20px 0 19px; float:left; display:inline; }

/*==================== modules (on detail- and overview pages) ====================*/
.module {  margin: 0 0 18px 0; float:left; display:inline; }
.module.link-list, .module.context { border-bottom: 1px solid #ededed; }
.module h4 { font-size: 15px; font-weight: 700; float:left; display: block; height: 26px; line-height: 24px; color: #fff; background: url('/common/images/backgrounds/module-header.gif') no-repeat; }
.module h4 span { padding: 0 8px; }
.module ul { float:left; display:inline; }
.module ul li { display: block; float:left; }

/* text module */
.module ul li div.content-box { border-bottom:1px solid #ededed; width: 199px; float:left; display:inline; border-bottom:1px solid #ededed; }
.module ul li div.teaser-text { font-size:13px; float:left; width: 199px;  display:inline; border-bottom: 1px solid #a0a0a0; }
.module ul li div.teaser-text p { display: block; color: #333; padding: 0 8px; margin: 2px 0 8px 0!important; }
/* link module */
.module ul li a { width: auto; padding: 2px 0 4px 8px; border-bottom: 1px solid #a0a0a0; border-top: 1px solid #ededed; font-size: 13px; color: #030c62; font-weight: 700; display: block; }
.module ul li a:hover { font-size: 13px; color: #fff !important;  background: #4b67da; font-weight: 700; display: block; }
.module ul li a.upcoming { color: #dd4f0a; }
.module .select-box { margin: 8px 0 0 8px; float:left; display:inline; }
.module select { width: 183px; padding: 0; border: 1px solid #999; }

#overview-page .module, 
#overview-page .module ul li,
#overview-page .module h4 { width: 199px; }

#detail-page .module,
#detail-page .module ul li,
#detail-page .module h4 { width: 217px; }
#detail-page .module h4 { background: url('/common/images/backgrounds/detail-page/module-header.gif') no-repeat; }

/* additional text teaser at the bottom of overview-pages */
#last-four-week { width:auto; float:left; display:inline; margin: 0; }
#last-four-week h3 { margin: 0 !important; width: 500px; display: inline; float: left; clear: both; }
#last-four-week .module { margin: 12px 11px 0 0; float: left; width: 190px !important; border-bottom: 1px solid #fff; }
#last-four-week .module ul li { display: block; width: 190px; }
#last-four-week .module ul li a { padding: 2px 0 4px 8px; border-top: 1px solid #fff; border-bottom: 1px solid #c0c0c0; font-size: 13px; color: #030c62; font-weight: 700; display: block; }
#last-four-week .module ul li a:hover { font-size: 13px; color: #fff !important;  background: #4b67da; font-weight: 700; display: block;  }

/*==================== modules (extension: tag cloud) ====================*/
.module #cloud a {color: #030c62; font-weight: 700; font-weight:400!important; }
#cloud { float:left; display:inline; width:201px; margin: 0 0 0 8px; }
.module #cloud a:hover { color: #4b67da !important; text-decoration: none;  }
.size1 { font-size: 11px; }
.size2 { font-size: 12px; }
.size3 { font-size: 13px; }
.size4 { font-size: 14px; }
.size5 { font-size: 15px; }
.size6 { font-size: 16px; }
.size7 { font-size: 17px; }
.size8 { font-size: 18px; }
.size9 { font-size: 19px; }
.size10 { font-size: 20px; }

/*==================== searchlight (only entry page) ====================*/
.searchlight #detail-page-header { width: 889px; background: url('/common/images/backgrounds/searchlight/wallpaper.png') no-repeat; color: #fff; }
.searchlight #cover-teaser { width: 854px; height: 294px; background: url('/common/images/backgrounds/searchlight/searchlight-cover.png') no-repeat; float: left; display: inline; margin: 10px 0 0 17px; }
.searchlight #sub-content-teaser.with-wide-box { float: left; display: inline; width: 854px; height: 302px; position:relative; z-index:0; background: url('/common/images/backgrounds/searchlight/sub-content-teaser-wide-box.png') no-repeat; margin: 0 0 0 17px; }
.searchlight .teaser-standard-box.wide { width: 565px; margin:0; }
.searchlight .teaser-standard-box.micro { width:289px; margin: 0 !important; }
.searchlight .teaser-standard-box.micro #box { margin: 53px 0 0 20px; width:241px; }
.searchlight #detail-page-footer { width: 889px; background: url('/common/images/backgrounds/searchlight/detail-page-footer.png') no-repeat !important; }

/*==================== detail page (common detail page extension: microsite I) ====================*/

/* the microsite header */
img.microsite-header { margin: 8px 0 0 17px; float: left; display:inline; border-bottom: 1px solid #fff; }
div.microsite-wallpaper { background-position: 17px 195px !important; background-repeat: no-repeat !important; float:left; display:inline; width:100%; }

/*==================== detail page (black detail page extension: microsite II) ====================*/
.dark-theme img.microsite-header { border-bottom: 1px solid #000; }
.dark-theme { background: url('/common/images/backgrounds/dark-theme/bg.png') repeat-y !important; }
.dark-theme #detail-page-header { background: url('/common/images/backgrounds/dark-theme/wallpaper.png') no-repeat; }
.dark-theme #detail-page-footer { background: url('/common/images/backgrounds/dark-theme/footer.png') no-repeat !important; }

.dark-theme, .dark-theme a, .dark-theme .module #cloud  a, .module ul li { color: #fff !important; } 
.dark-theme a:hover, .dark-theme .module #cloud  a:hover { color: #ffc028 !important; }
.dark-theme #headline-container h2 { color: #f3f3f3; }
.dark-theme #right-col a, .dark-theme #right-col a:hover { color: #fff!important; text-decoration:underline; }

/* modules on dark detail page */
.dark-theme .module ul li a { border-bottom: 1px solid #000; border-top: 1px solid #444; color: #030c62; }
.dark-theme .module ul li a:hover { background: #333; }
.dark-theme .link-list { border-bottom: 1px solid #444; }
.dark-theme .module h4 { background: url('/common/images/backgrounds/dark-theme/module-header.gif') no-repeat !important; } 

/* tabs on dark detail page */
.dark-theme #right-col #tab-box a, .dark-theme #right-col #tab-box a:hover { color: #fff!important; text-decoration:none; }
.dark-theme .tabs-nav li { float:left; height: 26px; display:inline; text-align:center; margin: 0 0 0 4px; width: 128px; background: url('/common/images/backgrounds/dark-theme/tab-navigation.gif') no-repeat;  }
.dark-theme .tabs-nav .tabs-selected {  background: url('/common/images/backgrounds/dark-theme/tab-navigation-active.gif') no-repeat !important; }
.dark-theme .tabs-nav li a { color: #fff!important; }
.dark-theme .tabs-nav li a:hover { color: #ffc028 !important; }

.dark-theme .tabs-container {  border: 1px solid #3d3d3d; background: #222; font-size:13px; }
.dark-theme .tabs-container h5 { color: #fff; }
.dark-theme .tabs-container ul li { color: #fff; border-bottom: 1px solid #373737; }

/*==================== blu-ray ====================*/

/* blu-ray start page */
.blu-ray { background: url('/common/images/backgrounds/blu-ray/startpage.jpg') no-repeat !important; height:739px; } /* fixed height */
.blu-ray #detail-page-header { width: 889px; background:none; color: #fff; }
.blu-ray #headline-container { width: 800px; float: left; display: inline; margin: 26px 0 20px 40px; }
.blu-ray #headline-container h1 { margin: 10px 0 0 20px; text-transform:uppercase; width:auto; font-size: 18px; font-family: "Arial Black", "Lucida Grande", arial, helvetica, sans-serif; }
.blu-ray #headline-container img.blu-ray-logo { float:left !important; display:inline; width: 185px; }
.blu-ray #cover-teaser { width: 854px; height: 294px; float: left; display: inline; background:none; margin:0 0 0 17px; }

.blu-ray #sub-content-teaser.with-wide-box { clear: both; background:none!important; width: 860px; height: 302px; margin: 0 0 0 20px!important; }
.blu-ray .teaser-standard-box.wide { width: 565px; margin:0; }
.blu-ray .teaser-standard-box.micro { width:289px; margin: 0!important; }
.blu-ray .teaser-standard-box.micro #box { margin: 53px 15px 0 0; width:241px; }

.blu-ray .teaser-standard-box.wide .headlines { color: #fff!important; top:22px; left: 10px; }
.blu-ray .teaser-standard-box.micro .headlines { color: #fff!important; top:22px; left: 33px; }
/* IE fix */
/**+html .blu-ray .teaser-standard-box.wide .headlines { top:22px!important; }
*+html .blu-ray .teaser-standard-box.micro .headlines { top:22px!important; }*/

.blu-ray .headlines h2 {  color: #fff !important; font-family:"Arial Black", Arial, Helvetica, sans-serif !important; text-transform:uppercase; font-size:15px; white-space:nowrap;  }
.blu-ray .headlines h2 a { color: #fff !important; font-family:"Arial Black", Arial, Helvetica, sans-serif !important; text-align:left;  padding: 0 0 0 20px; display: block; background: url('/common/images/icons/arrow.gif') 0 3px no-repeat; }
.blu-ray .headlines h2 a:hover { color: #fff !important; }
.blu-ray #detail-page-footer { width: 889px; background: none; height: 32px; }

/* blu-ray titles' list on start page */
.blu-ray #all-titles { margin: 23px 0 0; float:left; display:inline; width: 240px; height:198px; overflow:auto; z-index:100; position:relative; }
.blu-ray #all-titles ul li { display:block; float:left; width: 210px; }
.blu-ray #all-titles ul li a,
.blu-ray #all-titles ul li a:hover { text-decoration: none; padding: 1px 0 !important; color: #fff !important; font-size: 13px; line-height: normal; display: block; border-bottom: 1px solid #061a33; border-top: 1px solid #22426b; }
.blu-ray #all-titles ul li a:hover { text-decoration:underline; color: #ffc028 !important; }
.blu-ray #all-titles ul li a.upcoming { color: #ffc028; font-weight: 700; }

/* blu-ray detail page */
.blu-ray-sub-site { background: #000211 url('/common/images/backgrounds/blu-ray/bg.png') repeat-y !important; }
.blu-ray-sub-site #detail-page-header { background: url('/common/images/backgrounds/blu-ray/wallpaper.jpg') no-repeat; }
.blu-ray-sub-site #detail-page-footer{ background: url('/common/images/backgrounds/blu-ray/footer.jpg') no-repeat !important; height: 46px !important; width: 889px; }

.blu-ray-sub-site #headline-container { width: 800px; float: left; display: inline; margin: 26px 0 20px 40px; }
.blu-ray-sub-site #headline-container h1 {color: #fff !important; margin: 10px 0 0 20px; text-transform:uppercase; width:auto; font-size: 18px; font-family: "Arial Black", "Lucida Grande", arial, helvetica, sans-serif; }
.blu-ray-sub-site #headline-container img.blu-ray-logo { float:left !important; display:inline; width: 185px; }

.blu-ray-sub-site #left-col { margin-top: 17px !important; }
.blu-ray-sub-site #right-col #tab-box a, .blu-ray-sub-site #right-col #tab-box a:hover { color: #fff!important; text-decoration:none; }
.blu-ray-sub-site #right-col { width: 536px; color: #fff; float: right; margin: 10px 32px 11px 0 !important; display: inline; }
.blu-ray-sub-site #right-col a, .blu-ray-sub-site #right-col a:hover { color: #fff!important; text-decoration:underline; }
.blu-ray-sub-site #right-col h2 { font-size: 18px; position:relative; float:none; color: #fff !important; width: 100%; text-align:left; margin:0 0 12px 0; padding:0; font-family: "Arial", "Lucida Grande", arial, helvetica, sans-serif; }
.blu-ray-sub-site a { color: #fff !important; }
.blu-ray-sub-site .module ul li a { width: auto; padding: 2px 0 4px 8px; border-bottom: 1px solid #000; border-top: 1px solid #444; font-size: 13px; color: #030c62; font-weight: 700; display: block; }
.blu-ray-sub-site .module ul li a:hover { font-size: 13px; color: #fff; font-weight: 700; display: block; font-size: 13px;  background: #333; }
.blu-ray-sub-site .link-list { border-bottom: 1px solid #444; }
.blu-ray-sub-site .module h4 { background: url('/common/images/backgrounds/blu-ray/module-header.gif') no-repeat !important; } 

.blu-ray-sub-site .tabs-nav li { background: url('/common/images/backgrounds/blu-ray/tab-navigation.gif') no-repeat;  }
.blu-ray-sub-site #right-col ul.tabs-nav li a { color: #fff!important; }
.blu-ray-sub-site .tabs-nav li a:hover { color: #ffc028 !important; }
.blu-ray-sub-site .tabs-nav .tabs-selected {  background: url('/common/images/backgrounds/blu-ray/tab-navigation-active.gif') no-repeat !important; }

.blu-ray-sub-site .tabs-container {  border: 1px solid #45576f;  background: #062750; font-size:13px; }
.blu-ray-sub-site .tabs-container h5 { color: #fff; }
.blu-ray-sub-site .tabs-container ul li { color: #fff; border-bottom: 1px solid #314259; }

.blu-ray-sub-site .module ul li a {  border-bottom: 1px solid #05182e; border-top: 1px solid #45576f;  }
.blu-ray-sub-site .module ul li a:hover { background: #1a2d44 !important; }
.blu-ray-sub-site .link-list { border-bottom: 1px solid #45576f; }
.blu-ray-sub-site .module h4 { background: url('/common/images/backgrounds/blu-ray/module-header.gif') no-repeat; } 
.blu-ray-sub-site .module #cloud  a:hover { color: #ffc028 !important; }

/* -- added styles -- */
.overview-item img { width: 167px; height: 232px; }
.result-row .thumbnail img { width: 52px; height: 72px; }
#trailer-menu li a img {width: 117px; height:106px; }

/* remove img from profile */
.profile-box .right-col  {width:560px;}
.profile-box .left-col  {display:none;}

p.submit-message { color: #fff; font-style: italic; }
#trailer #flashplayer {height:303px;}

/* cms buttons */
#nav-courl { z-index:200; position:absolute; left: 30%; top:14px; display: block; }
#gradient #tank a.courl img { width: 9px; height: 9px; display:inline; margin: 1px 3px; }
#gradient #tank a.courl , #gradient #tank a.courl img { width: 9px; height: 9px; display:inline; margin: 1px 3px; padding:0 0;  background-image: none;}
#gradient #home-courl { position:absolute; top:135px; }
#gradient #tank #home-courl a.courl { position:relative; display: block; left:-20px;}
.headlines h2 a.courl { float:left; z-index:100; }

/* home pages hidden divs for SEO */
.hidden { display:none; }

/* search pages : 'sort by' */
#result-browsing-head #search-result-title { width: auto; max-width: 425px; z-index:10}
#search-result-sort-by { width: auto; min-width: 100px; z-index:100;}

/*  pager on trailers page  */
.paging.for-trailers ul.pager { padding-right: 12px; }
.paging.for-trailers ul.pager li { margin-bottom: 4px; }

/* search/catalog bluray filter */
#browse-filter {width:auto; position:absolute; right:270px;}

/* no-flash-error-message */
.flash-update { font-size: 14px; color: #333; background: #ffc6c6!important; border:1px solid red; width: 100%!important; position:relative!important; z-index:10000!important; }
.flash-update p { margin: 8px; }
.flash-update a { color: #333; font-weight:700; }
.flash-update a:hover { color: #333!important; font-weight:700!important; }
.flash-update div { display:none; }

/* tags on search result pages */
.form-area #cloud  { width: 500px!important; color: #333; }
.form-area #cloud a {  color: #333 !important; text-decoration:underline; } 
.form-area #cloud span { color: #777!important; }
.form-area #cloud a span { color: #333!important; }

/* hide alternative content */
#cover-teaser { overflow:hidden; }
.white-text { color: #fff; }
div.flash-replaced div { display: none; }
div.flash-replaced embed { display: block; }

