/*
    You can find here the CSS for:
        
        - GLOBAL
            - text
        - MASTHEAD (just utility bar)
            - Utils
            - button styling (text)
            - Rating stars
            - Rounded corners
        - WIDGETS
            - digital player
            - Universal 
            - Sign up
            - Packages Output
            - Watch online
            - Check cinema listings
            - Recommendations
            - Most popular
            - Interviews and reviews NEW CMS
            - Highlights and new releases
            - Quiz
            - Recent reviews
            - WENN
            - Generic right column
            - My LOVEFILM
            - LOVEFiLM Poll
            - Review of the week 
            - Most popular trailers
            - Related articles
            - Celebrity collection
            - Games
            - Sponsored ads
            - Follow-us widget
            - Follow-us widget
            - Facebook widget overrides
            - Apple App Store promo
            - LovefilmBox
            - Cta_Button
            - Jumbotron
            - Competition Widget
            - Ad feedback

        - OVERLAYS
            - Rent overlay
            - Sign in overlay
        - CMS
			- error message
    Please keep adding in order accordingly
----------------------------------------------------------  */

/*
    GLOBAL 
----------------------------------  */

.zebra tr.even, .zebra li.even {
    background-color: #f2f1f1;
}
.clearFlow{
    overflow:auto;
    clear:both;
}
input.buttonSignUp, input.buttonGreen, a.buttonSignUp, a.buttonGreen{
    border: 1px solid #018e01;
    background: #018e01 url(/lovefilm/images/home/widgets/button_green_gradient.gif) top left repeat-x;
    font-size: 1.67em;
    padding:2px 10px 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer;
    color:#fff;
}

/*  text
----------------------------------  */
.caps {
    text-transform:uppercase;
}
.overflow_visible {
    overflow: visible !important;
}
#welcome_home  h1,
#welcome_home ul li h2,
#welcome_home .widgets h2,
.sponsored h2 {
    background:url('/lovefilm/images/global/nav/tabs/darkNav.gif') no-repeat right top;
    line-height: 33px;
    font-size: 1.5em;
	margin:0;
	padding:0 15px;
	text-transform: none;
    font-weight: bold;
}
#welcome_home ul li h2,
#welcome_home .widgets h2,
.sponsored h2 {
    color: #333;
}
#welcome_home ul li h2 a,
#welcome_home .widgets h2 a,
.sponsored h2 a {
    color: #026AD2;
}
/*
    MASTHEAD 
----------------------------------  */
/*
    Utils
----------------------------------  */
#utils {
    position:relative;
    background: url(/lovefilm/images/global/header/tear.gif) top left repeat-x;
    height:auto;
    margin:0px;
    position:relative;
    width:993px;
    font-size:12px;
    text-align:left;
    z-index:12;
    line-height: 26px;
    height: 39px;
}
body > #utils, div > #utils {
         background-image: url('/lovefilm/images/global/header/tear.png');
}
#utils strong a {
    padding: 0;
}

#utils span#utilsHelp a.sign_in {
    position: absolute;
    top: 0px;
    right: 10px;
}
#utils select {
    font-size:11px;
}
ul#utils_left {
    margin: 0 0 0 5px;
    list-style:none;
    padding: 3px 0 0 0;
    line-height: 26px;
}
ul#utils_left li {
    float:left;
    margin:0;
    padding: 0 4px;
}
ul#utils_right {
    list-style:none;
    position:absolute;
    right: 5px;
    top: 3px;
    z-index: 8;
    margin: 6px 0;
    padding: 0;
    line-height: 14px;
}
ul#utils_right li {
    /*border-left:solid 1px #147CC5;*/
    border-left:solid 1px #999;
    float:left;
    margin:0;
    padding: 0 5px;
}
ul#utils_right li.force_right {
    border-right:solid 1px #999;
    border-left: none;
}
ul#utils_right li.first {
    border-left:none;
}
ul#utils_right li a {
    padding-right: 4px;
    padding-left: 4px;
    text-decoration: underline;
    font-size: 12px;
}
#utils.utils_extra_deep {
    background: none;
    background-color: #f7f7f7;
    border-top: 1px solid #EEEEEE;
    height: 45px !important;
}
#user_list {
    padding: 2px;
    border: 1px solid #CDCDCD;
}
#masthead_multi_select label {
    padding: 0 5px 0 0;
    margin: 0;
    float: left;
}
#masthead_multi_select select {
    font-weight: bold;
}
#masthead_multi_select select {
    margin-top: 2px;
}

    /*  digital player
----------------------------------  */
#OnDemandWebPlayer {
    outline: 0;
}

/*  universal widget form promote content 
----------------------------------  */

.columnA #proCont {
    position: relative;
	margin-bottom: 18px;
	clear: both;
	padding: 0;
	border: 1px solid #CCCCCC;
    height: 210px;
    background-color: #ffffff;
}

#proCont p {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
	z-index:0;
    background-color: #E7E7E7;
    top: 0;
    left: 0;
    width: 70%;
    height: 210px;
    z-index: 2;
}

#proCont p a {
    display: block;
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
	overflow: hidden;
	cursor: pointer;
    height: 90px;
    margin-top: 120px;
    padding: 0 8px;
    width: 90%;
    z-index: 4;
}
#proCont p a:hover {
    color: #FFF;
}
#proCont p a em {
    font-style: normal;
    background-color: #2F2F2F;
    background-image: url(/lovefilm/images/global/body/hatched_overlay.gif);
    display: block;
    padding: 5px 5px;
    overflow: hidden;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
#proCont p a em em{
	display:inline;
}
#proCont p a em i {
    font-weight: bold;
    color: #fff;
    font-style: normal;
    font-size: 1.4em;
}
#proCont p a:hover em {
    opacity: 1.0;
    filter:alpha(opacity=100);
}
#proCont p a:hover em i {
    text-decoration: underline;
    color: #147CC5;
}

#proCont h2 {
    position: relative;
    left: 64%;
    height: 70px;
	z-index: 5;
    font-size: 1.1em;
	margin:0;
    padding: 0;
	z-index:5;
    width: 36%;
}
#proCont h2 a {
	position:relative;
    display: block;
    color: #004878;
    text-decoration: none;
	padding: 25px 0 25px 30px;
    margin: 0;
    line-height: 20px;
	font-size: 0.9em;
	z-index: 5;
	background:url('/lovefilm/images/global/nav/promote/promote_content_tab.png') top right no-repeat;
    text-overflow:ellipsis;
	overflow:hidden;
    white-space:nowrap;
    text-align:center;
}
#proCont h2.select a {
	background:url('/lovefilm/images/global/nav/promote/promote_content_tab.png') bottom right no-repeat;
}


/* pagination
----------------------------------  */
.pagination {
    padding: 1em 0 1.25em 0;
    background-color: #F0F0F0;
    clear:both;
    color: #999;
}
.pagination.top{
background-color:#fff;
font-size:90%;
}
.pagination ul, .pagination ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination ul {
    text-align: center;
}
.pagination ul li {
    display: inline;
    margin: 0 0.10em 0 0.10em;
}
.pagination a {
    background-color: #fff;
    border: 1px solid #CCC;
    padding: 0.17em 0.5em;
    font-weight: bold;
    outline: 0;
}
.pagination a:hover {
    background-color: #F0F0F0;
    border: 1px solid #999;
}
.pagination a:active {
    background-color: #fff;
    border: 1px solid #0099CC;
}
.pagination a.page_selected {
    color: #EF2118;
    border: 1px solid #DFDFDF;
    background-color: #F5F5F5;
}


/*  Search
----------------------------------  */
#topSearch	{
	width:245px;
	height:26px;
	position:absolute;
	left:750px;
	background: url('/lovefilm/images/global/nav/search_bg.gif') no-repeat;
	z-index:5;
}
#topSearch label{
	width:35px;
	text-indent:-9999px;
	display:block;
	float:left;
}
#topSearch input#search_keywords{
	position:absolute;
	width:150px;
	top:3px;
	font-size:0.9em;
    outline: 0; 
    border:none;
    border-top:2px solid #fff;
    height:16px;
}

#topSearch #searchbutton{
	float:right;
}

.unfound p{
    margin:1em;
}

/*  Search autocomplete
----------------------------------  */

#topSearch #searchbutton{
	float:right;
}
.ac_even{
	background-color: rgb(240, 240, 240); 
	background: rgba(240, 240, 240, 0.9); 
}
.ac_odd{
    background-color: rgb(220, 220, 220); 
    background: rgba(220, 220, 220, 0.9); 
}
.ac_results {
    border:none;
	padding: 0px;
	overflow: hidden;
	z-index:99;
    margin-top:-2px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #6699cc; color: #fff; 
}


/*  Left Hand Nav
----------------------------------  */


td .subnav .sub_section, td .sub_section  {
	border:none;
	border-bottom:#ccc solid 1px;
	}
	
.sub_section .first {
	border-top:none;
}	

td .subnav {
	width:159px;
}

td .subnav h5 span{
	font-weight:bold;
	color:#333;
}
td .subnav h5 a span{
	color:#06C;
}

td .subnav div li a,td .subnav div li .blank {
	width:138px;
}


.subnav{
	position:relative;
	width:160px;
	color:#000;
	margin:0;
	z-index:0;
	float:left;
}

.subnav .sub_section, .sub_section{
	margin:0;
    position:relative;
	border:#ccc solid 1px;
    background:#f1f1f1;
    margin:0 0 12px 0;
}

.subnav .sub_section .non_facet h5,.subnav .non_facet li a{
	background-image:none;
}

.subnav h5, .sub_section.subnav h5 {
    background: transparent url('/images/search_browse/plus.gif') no-repeat  4px -29px;
    border:none;
	font-size:1.2em;
	font-weight:bold;
	padding:9px 0 5px 20px;
	line-height:14px;
	color:#333;
	margin:0;
	cursor:pointer;
}


.subnav .selected h5{
	cursor:auto;
	background-image:none;
	background-color:#F1F1F1;
	padding-left:8px;
	padding-bottom:3px;
}

.subnav h5.plus, .sub_section.subnav h5.plus {background-position:4px -129px;}
.subnav .facet_hide h5.plus, .sub_section.subnav.facet_hide h5.plus {background-position:4px -29px;}
.subnav .facet_hide h5, .sub_section.subnav.facet_hide h5{background-position:4px -129px;}

.subnav .facet_hide ul,.sub_section.subnav.facet_hide ul, ul.facet_hide, .facet_hide ul{
    display:none;
}

.subnav .disp h5{
	margin:0;
	padding:0;
}

.subnav .disp h5 .facet_results{
	color:#666666;
	font-size:.75em;
}

.subnav div.disp h5 a{
	display:block;
	color:#0066CC;
	text-decoration:none;
	margin:0;
	padding:9px 0 3px 8px;
}

.subnav div.no_link h5 {
	margin:0;
	padding:9px 0 3px 8px;
}

.subnav .disp h5 a:hover {
  background-color:#e7e7e7;
}

.subnav h5 a	{
	color:#333;
	text-decoration:none;
}

.subnav h5 a:hover	{
	text-decoration:none;
}

.subnav .sub_section.non_facet h5.sub_sec_title, .sub_section h4 {
    font-size:1.15em;
    background-image:none;
    background-color:#AAA;
    color:#FFFFFF;
    margin:0;
    padding:6px 0 6px 11px;
    text-transform:uppercase;
}

.subnav ul{
	list-style:none;
	margin:0;
	padding:0;
}

.subnav .selected ul, .sub_section.subnav .selected ul{
    display:block;
}

.subnav li.facet_on .blank, .subnav li.last a{
	font-weight:bold;
    border:none;
	color:#000;
}

.subnav div, .dott {
    background: url('/lovefilm/images/global/headings/side_dot_lng.gif') 10px bottom no-repeat;
	margin:0;
	padding:0;
    border-top:#fff solid 1px;
}

.subnav .sub{
    background: url('/lovefilm/images/global/headings/side_dot_lng.gif') 10px bottom no-repeat;
	padding:0;
	margin:0 0 0 10px;
}

.subnav div li.sub a {
	width:126px;
}

.subnav .disp{background-position:10px bottom;}

.subnav .selected .selected{background-position:10px -690px;}
.subnav .selected,.subnav .selected.disp{background-position:10px -664px;}
.subnav .selected.dot_bg{background-position:10px bottom;}

.subnav li.facet_on a,.subnav li.facet_on .blank{padding-bottom:3px;}
.subnav .selected li.facet_on .blank{padding-bottom:7px;}

.subnav div ul li {
	display:block;
    font-size:11px;
    line-height:12px;
    color:#000;
    margin:0;
    padding:0 0 0 11px;
}

.subnav .non_facet h5, .subnav .non_facet li{
	border-bottom:1px solid #fff;
	padding:0;
}

.non_facet li.last{border-bottom:none;}
.non_facet li.last a{color:#0066CC;font-weight:normal;}
.non_facet img{padding-top:1px}
.non_facet a img{margin:0 -20px 0 0px;}
.non_facet{padding:0;}

.subnav div.non_facet li strong {
    display:block;
}
.subnav div.non_facet li a,
.subnav div.non_facet li strong {
    padding:5px 0 5px 11px;
    width:146px;
}

.subnav ul.non_facet li{
	margin:0;
}

.subnav div.non_facet a{
	background:none;
    padding:3px 0 7px 11px;
}

.subnav div li a,.subnav div li .blank {
    background: url('/lovefilm/images/global/headings/side_dot_mid.gif') 0 9px no-repeat;
    color:#0066CC;
   display:block;
    text-decoration:none;
    padding:3px 0 7px 10px;
}

.subnav div .last_option {
    background: url('/lovefilm/images/global/headings/last_gray.gif') 0 9px no-repeat;
}

.subnav div li a:hover {
  text-decoration: none;
  background-color:#e7e7e7;
}

.subnav div li a:hover .facet_link, .subnav div.non_facet li a:hover,.subnav .disp h5 a:hover .facet_link {
  text-decoration: underline;
}

.subnav div li a:hover .facet_results,.subnav div h5 a:hover .facet_results {
  text-decoration: none;
}

.subnav div li .facet_results {
	font-size:90%;
	color:#666;
}

.subnav div li span img	{
	margin:0 8px 0 8px;
	display:block;
	float:left;
}

.subnav div li span.blank img.chart_img{
    display:inline;
    float:none;
    margin-left:0;
}

#contributor,#editorial h5, #contributor h5{
	background:none;
	background-color:#F1F1F1;
}

.subnav #editorial li.facet_on .blank{
    padding-bottom:7px;
}

.non_facet li a.selected{
    color:#000;
    font-weight:bold
}

/* button styling (text)
----------------------------------  */
ul.text_btn {
    list-style:none;
    margin:0;
    padding:3px 0 3px 0;
}

ul.text_btn li {
    position:static;
    padding:0 0 2px 0;
}

ul.text_btn li a, 
#rent_format p span.btn_at_home {
    display:block;
    text-align:center;
    padding:1px 0;
    min-height:15px;
    height:auto !important;
    height:15px;
}

ul.text_btn li a.btn_download {
    background: #FECF25 url(/lovefilm/images/buttons/text_btns/yellow.gif) repeat-x 0 0;
    border:1px solid #FECF25;
    color:#000;
}

ul.text_btn li a.btn_add {
    background: #ed251d url(/lovefilm/images/buttons/text_btns/red.gif) repeat-x 0 0;
    border:1px solid #ea251d;
    color:#fff;
}

ul.text_btn li a.btn_reserve,
ul.text_btn li a.btn_reserv,
ul.text_btn li a.btn_reserving {
    background: #ed251d url(/lovefilm/images/buttons/text_btns/red.gif) repeat-x 0 0;
    border:1px solid #ea251d;
    color:#fff;
}

ul.text_btn li a.btn_remove, 
ul.text_btn li a.btn_remov, 
ul.text_btn li a.btn_removing {
    background: #ed251d url(/lovefilm/images/buttons/text_btns/red.gif) repeat-x 0 0;
    border:1px solid #ea251d;
    color:#fff;
}

ul.text_btn li a.btn_signup {
    background: #ed251d url(/lovefilm/images/buttons/text_btns/red.gif) repeat-x 0 0;
    border:1px solid #ed251d;
    color:#fff;
}

ul.text_btn li a.btn_book {
    background: #f27b05 url(/lovefilm/images/buttons/text_btns/orange.gif) repeat-x 0 0;
    border:1px solid #f27b05;
    color:#fff;
}

ul.text_btn li a.btn_buy {
    background: #1f56d1 url(/lovefilm/images/buttons/text_btns/blue.gif) repeat-x 0 0;
    border:1px solid #1f56d1;
    color:#fff;
}

ul.text_btn li a.btn_at_home, #rent_format p span.btn_at_home {
    cursor: default;
    background: #666666 url(/lovefilm/images/buttons/text_btns/grey.gif) repeat-x 0 0;
    border:1px solid #333333;
    color:#fff;
}
ul.text_btn li a:hover.btn_at_home {
    text-decoration:none;
}
#rent_format p span.btn_at_home {
    padding:5px;
    font-size:12px;
    font-style:normal;
    margin-left:auto;
}

ul.text_btn a span.price_wrap{
	display:none;
	position:static;
}
ul.text_btn a{
	position:static;
}
ul.text_btn a:hover{
	position:relative;
}

ul.text_btn a:hover span.price_wrap{
	z-index:10;
	display:block;
	position:absolute;
	right:-22px;
	top:5px;
	line-height:1em;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding-left:6px;
	text-align:center;
	vertical-align:middle;
	background:url('/lovefilm/images/global/buttons/shop/price_point.gif') no-repeat left top;
	white-space:nowrap;
	overflow:visible;
}
.three-titles-box ul.text_btn a:hover span.price_wrap{
	right:6px;
}

ul.text_btn a span.price_wrap em i{
	font-weight:normal;
	font-style:normal;
	font-size:0.8em;
	display:block;
}
ul.text_btn a span.price_wrap em{
	text-align:center;
	font-style:normal;
	display:block;
	overflow:visible;
	margin-right:-6px;
	padding-right:6px;
	height:35px;
	background:url('/lovefilm/images/global/buttons/shop/price_point.gif') no-repeat right top;
	position:relative;
	z-index:9;
}
ul.text_btn span{
color:#666666;
font-size:10px;
text-align:center;
}
ul.text_btn span.future_cinema{display:block;}
ul.text_btn .btn_add span, ul.text_btn .btn_remov span, ul.text_btn .btn_reserv span{
color:#fff;
font-size:12px;
}

/*  Rating stars
----------------------------------  */
ul.ratings li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important;
}
.mask .fl_detail_image_area ul.ratings{
    margin:0 auto;
    width:100px
}


/*  Rounded corners
----------------------------------  */

.round-radius-8px {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.border-light {
    border: 1px solid #ccc !important;
}
.border-deep-red {
    border: 1px solid #A82D24 !important;
}
.gradient-light {
    background: url("/lovefilm/images/product/critic-review-grad.png") repeat-x scroll center bottom #FFFFFF;
}
.gradient-medium {
    background: url("/lovefilm/images/product/gradient-medium.jpg") repeat-x scroll center bottom #FFFFFF;
}

/*
    WIDGETS 
----------------------------------  */

/*  Universal Widget
----------------------------------  */

.universal_widget {
    background-color: #000 !important;
    border: none;
    overflow: hidden;
    height: 250px;
}
.universal_widget h2 {
    margin: 0;
}
.universal_widget #next,
.universal_widget #prev{
    margin-left: 10px;
    cursor: pointer;
}
.universal_widget #next {
    margin-top: 5px;
}
.universal_widget li {
    margin-bottom: 0;
}
.universal_widget li.nav {
    float: left;
    width: 110px;
    margin-bottom: 0;
}
.widgetNavWrapper {
    height: 190px;
    overflow:  hidden;
    position: relative;
}
.universal_widget li.nav ul {
    margin: 0;
    padding: 0 0 10px 0;
    position: relative;
}
.universal_widget li.nav li {
    padding-top: 10px; 
    margin-bottom: 0;
    overflow: hidden;
}
.universal_widget li.nav li a {
    position: relative;
    display: block;
    height:50px;
    width: 90px;
    margin: 0 auto;
}
.universal_widget li.nav li a:hover {
    height: 1%;
}
.universal_widget li.nav li a:hover span,
.universal_widget li.nav li a.activeSlide span{
    border: 3px solid #f6be0f;
    width: 84px;
    height: 44px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}
.universal_widget li.nav li a:hover span {
    width: 88px;
    height: 48px;
    border: 1px solid #f6be0f;
}
.universal_widget li.nav li a.activeSlide:hover span{
    width: 84px;
    height: 44px;
    border: 3px solid #f6be0f;
}
.universal_widget li.main {
    float: right;
    width: 527px;
    margin-bottom: 0;
} 
.universal_widget li.main div.content {
    position: absolute;
}
.universal_widget li.main div.film {
    background: url(/lovefilm/images/home/widgets/content_widget/transparent.png) top left repeat;
    color: #fff;
    position: absolute; 
    bottom: 0; 
    left: 0;
    width: 100%;
    z-index: 100px
}
.universal_widget div.film li {
    padding: 9px 15px 0 20px;
    margin-bottom: 0;
}
.universal_widget li.film_title {
    float:  left;
    width: 320px;
}
.universal_widget li.stretch {
    float:  none;
    width: auto;
}
.universal_widget li.film_title p.title {
    font-weight: bold;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
}
.universal_widget li.film_title p.title a {
    color: #fff;
}
.universal_widget div.film  li.rating_and_order {
    float: right;
    width: 167px;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}
.universal_widget li#main li.rating_and_order ul.horz_2 li {
    width:69px;
    margin-right: 5px!important;
}
.universal_widget li#main li.rating_and_order ul.horz_1 li {
    width: 68px;
}
.universal_widget li.rating_and_order li a.orange-button{
    border: 1px solid #FF9900;
    padding: 0.4em 0.3em;
}
.universal_widget .rating_and_order .ratings {
    margin-bottom: 8px;
    padding-bottom: 10px;
}

/* Sign up 
------------------------------- */

div.sign_up {
    float: right;
    margin-right: 5px;
}
#sign_up_panel {
    position: relative;
    height: 1%;
}
#sign_up_panel img.starburst {
    right: -20px;
    top: -15px;
}
#sign_up_panel h1 {
    width:215px;
    font-weight: bold;
    /*margin:5px auto 10px 0;*/
}
#sign_up_panel h3 {
    text-transform:none;
    font-size:1.5em;
    color:#cd1b21;
    padding:0 0 5px 5px;
    margin:0;
}
#sign_up_panel .from, #sign_up_panel .permonth, #sign_up_panel .pounds, #sign_up_panel .pence, #sign_up_panel .currency {
    font-style: italic;
    font-weight:bold;
}
#sign_up_panel li {
    margin:0 0 5px 20px;
    color:#666666;
}
#sign_up_panel div.packshot {
    text-align: center;
}
#sign_up_panel p.promo_links {
    overflow: hidden;
    margin-right: 10px;
}
#sign_up_panel .learn_more {
    float: left;
    margin-left: 10px;
}
#sign_up_panel .promo {
    float: right;
}
#promo_code {
    clear:both;
    padding:10px;
    margin:5px 0 10px 0;
    text-align:center;
    display: none;
}
#promo_code input {
    border: 1px solid #a2cef7;
    width: 240px;
    font-size: 1.2em;
    color: #666666;
    padding: 2px 10px 10px 10px;
    text-align:  center;
}
#sign_up_panel input.submit {
    width: 260px;
    border: 1px solid #018e01;
    background: #018e01 url(/lovefilm/images/home/widgets/button_green_gradient.gif) top left repeat-x;
    font-size: 1.67em;
    margin: 0 18px 12px 18px;
    padding:2px 10px 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer;
}



/* Packages Output 
------------------------------- */

#signupform div.packageOutput,  div.packageOutput{
    display:block;
    float:left;
}
.packageOutput_130x555{
    width:130px; height:185px;
}
.packageOutput_420x195{
    width:420px; height:65px;
}
#signupform div.packageOutput label.packageOutput, div.packageOutput label.packageOutput, div.packageOutput a.packageOutput {
    display:block; width:100%; height:100%; cursor:pointer;padding:0;text-indent:-999px;font-size:1px;color:#000;
}
.packageOutput:hover,.packageOutput selected{
    background-position:0 -185px;
}
.packageOutput_420x195 label:hover, .packageOutput_420x195 selected{
    background-position:0 -65px;
}
.packageOutput_420x195 a:hover {background-position: 0 -130px;}
#signupform div.packageOutput.active:hover, div.packageOutput.active:hover{
    background-position:0 0;text-indent:-999px;font-size:1px;color:#000;
}
#signupform div.packageOutput_130x555 label.packageOutput:active, div.packageOutput_130x555 label.packageOutput:active, .packageOutput_130x555 .active,div.packageOutput_130x555 a.packageOutput:active{
    background-position:0 -370px; outline:0;text-indent:-999px;font-size:1px;color:#000;
}
#signupform div.packageOutput_420x195 label.packageOutput:active, div.packageOutput_420x195 label.packageOutput:active, .packageOutput_420x195 .active,div.packageOutput_420x195 a.packageOutput:active{
    background-position:0 -130px; outline:0;text-indent:-999px;font-size:1px;color:#000;
}
#signupform div.packageOutput label.packageOutput input, div.packageOutput label.packageOutput input{
    display:none;
}

/* Watch online
---------------------------  */
.halfA div.trailer_panel {margin-bottom: 0;}
.halfA div.trailer_panel div.fl_detail_image {
    border: none;
}
.halfA div.trailer_panel div.prd_img_wrap {
    margin-bottom: 2px;
}
.halfA ul.btnset li a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
div.panel li div.straight_box p.view-all {
    margin: 0;
    padding: 10px 16px;
}
div.panel li div.halfA p.view-all {
    margin-top: 1px;
}
.sponsord_badge {float: right;}
.halfA div.box_inner {overflow: hidden;}
.halfA ul.extras {float: left; width: 109px;}


div.panel li div.straight_box div.prd_img, div.panel li div.straight_box  div.prd_img_wrap, div.panel li div.straight_box div.prd_img a b, 
div.panel li div.straight_box div.prd_img a b span {background: none;}
div.panel li div.straight_box div.prd_img a {height: 105px;}
div.panel li div.straight_box div.prd_img a b span {color: #0066CC; text-align: left; padding-left: 0; bottom: 0; width: 128px;}

/* Check cinema listings
---------------------------  */
#check_cinema_listing_panel {
    position: relative;
}
#check_cinema_listing_panel h3 {
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 1em;
}
#check_cinema_listing_panel div.fl_detail_image {
    border: none;
}
#check_cinema_listing_panel img.arrow {
    position: absolute;
    top: 25px;
    left: -22px;
}
.halfB #check_cinema_listing_panel .box_inner {padding-bottom: 20px;}
.halfB #check_cinema_listing_panel .box_inner p {
    margin: 0;
    padding: 0;
}
#check_cinema_listing_panel #cinema_search_text {
    border:1px solid #A2CEF7;
    width:70%;
    padding:5px;
    color:#333;
    font-weight:bold;
}
#check_cinema_listing_panel input.submit {
    background: #076ED7 url(/lovefilm/images/product/blue_button.gif) no-repeat scroll -25px -2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}
#check_cinema_listing_panel div.rated_item_row {
    overflow: hidden;
    padding: 2px;
}
#check_cinema_listing_panel div.rated_item_row a{
     float: left;
     font-weight: bold;
}
#check_cinema_listing_panel div.rated_item_row ul {
    float: right;
}
.paleBlue {
    background-color:#e6f2fe;
}
.grey {
    background-color:#efefef;
}
.align_widget_search {
    margin-top:-5px;
}
.align_widget_box {
    padding-bottom:0 !important;
}
/*IE 6*/
*html .align_widget_search {
    margin-top:-22px;
}
/*#check_cinema_listing_panel div.prd_img_wrap.landscape div.prd_img {
    height: 99px;
}*/
#check_cinema_listing_panel ul.btnset li a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/* Trailer panel
-------------------  */
.trailer_panel{
    position: relative;
    width:100%; 
}


/* Cover images / Screenshots 
-------------------  */

/*cover*/
div.cover_image a {
    display: block;
}
div.cover_image a.trailer {
    margin: 0 auto 0 auto;
    z-index: 4;
}
div.cover_image a.trailer span{
    position: absolute;
    background-image: url(/lovefilm/images/trailer/play_overlay_dark_small.png);
    background-repeat: no-repeat;
	top:0;
 	left:0;
	display:block;
    cursor: pointer;
    z-index: 5;
}
div.cover_image a img {
    margin: 0;
}

/*small*/
div.size_small {
    position: relative;
    width: 80px !important;
}
div.size_small a.trailer span{
    width: 80px;
    height: 114px;
    background-position: 15% 25%;
}
div.size_small a.trailer:hover span {
 	background-position: 86% 25%;
}

/*tiny*/
div.size_tiny {
    position: relative!important;
}
div.size_tiny a.trailer span{
    width: 66px;
    height: 86px;
    background-position: 17% 40%;
}
div.size_tiny a.trailer:hover span {
 	background-position: 83% 40%;
}
li.boxcover div.size_tiny a.trailer span {
    left: 12px;
}

/*screenshots/heros*/
div.prd_img_wrap {
	float:none;
    background-color: #f7f7f7;
}
.trailer_panel div.prd_img_wrap {
    position: relative;
    width: 131px;
    float: left;
    margin: 2px 3px;
}
div.prd_img_wrap.landscape {
}
div.prd_img_wrap.portrait {
	width: 100%;
}
div.prd_img {
    background-repeat: no-repeat;
    width: 100%;
}
div.prd_img_wrap.landscape div.prd_img {
    background-color: #333333;
}
div.prd_img_wrap.portrait div.prd_img {
    height: 114px;
    width: 80px;
    margin-right: auto;
    margin-left: auto;
}
div.prd_img_wrap div.use_cover {
    background-position: 0 25%;
}
div.prd_img_wrap div.not_available {
    background-image: url(/lovefilm/images/graphics/no_cover_thumb.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50% 50%;
}
div.prd_img a {
    display: block;
    cursor: pointer;
}
div.prd_img a b {
	background:transparent url(/lovefilm/images/trailer/play_overlay_dark_large.png) no-repeat -25px -140px;
	display:block;
	height:99px;
	width:100%;
}
div.prd_img a:hover b {
    background-position:-293px -140px;
}
div.prd_img a b.no_play {
    background: none;
}
div.prd_img a b span {
	position:absolute;
    bottom: 1.6em;
	display:block;
    width: 125px;
    padding:5px 3px;
    font-size:1em;
    line-height:1.2em;
    background: transparent url(/lovefilm/images/home/widgets/content_widget/transparent.png) repeat scroll left top;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}


/* Recommendations 
-------------------  */
#recommendations .box_inner {
    overflow: hidden;
}
#recommendations ul.btnset li a,
#recommendations ul.btnset li span.grey-button {
    width: 77px;
    margin: 0 auto;
    -moz-border-radius: 3px;
    -webkit-border-radius : 3px;
}

/* Most popular 
-------------------  */
/*  Nav */
#most_popular_widget {
    position: static;
}
#most_popular_widget h2 {
   /*float: left;
    width: 140px;*/ /* Commented out for the time being till the tabs aren't put back*/
}
#most_popular_widget #gnav {
    display: none; /* Hidden for the time being till the tabs aren't put back*/
    background: #dcdcdc url('/lovefilm/images/global/nav/tabs/darkNav.gif') repeat-x left top;
	font:1em Arial, Helvetica, sans-serif;
	list-style:none;
	margin:0;
	padding:0;
	height:33px;
	/*position: relative;*/
    float: left;
    width: 466px;
    clear: none;
}
#gnav a img {
    border:0;
    height:16px;
}

#most_popular_widget #gnav li {
	background:url('/lovefilm/images/global/nav/tabs/darkNav.gif') no-repeat right top;
	display:inline;
	float:left;
	margin:0 0 0px 9px;
	padding:0px;
    line-height: 33px;
}
#most_popular_widget #gnav li a {
	width:auto;
	float:none;
	background:url('/lovefilm/images/global/nav/tabs/darkNav_left.gif') no-repeat left top;
	color:#333333;
	display:block;
	float:left;
	font-weight:bold;
	left:-9px;
	margin-right:-9px;
	padding:0 15px;
	position:relative;
	text-decoration:none;
}
#most_popular_widget #gnav li.current {
	background:url('/lovefilm/images/global/nav/tabs/darkNav.gif') no-repeat right bottom;
}
#most_popular_widget #gnav li.current a {
	background:url('/lovefilm/images/global/nav/tabs/darkNav_left.gif') no-repeat left bottom;
	color:#fff;
    outline: 0;
}
#most_popular_widget #gnav li:hover {
	background-position: right bottom;
    color:#fff;
}
#most_popular_widget #gnav li:hover a {
	background-position: left bottom;
    color:#fff;
}
#gnav li:hover h3 {
	background-position: left top;
}
#most_popular_listings {
    clear: both;
    background: url('/lovefilm/images/backgrounds/most_popular_lines.jpg')  -1px 0 repeat-y;

}
#most_popular_listings .most_popular_content {
}
#most_popular_listings div.mpList {
	float:left;
	width:211px;
    /*border-right:1px solid #C5C3C4;*/
}
#most_popular_listings div.prd_img_wrap {
    background: none;
}
#most_popular_listings li.film_listing {
    text-align: center;
    background:url('/lovefilm/images/global/body/most_popular_films_gradient_odd.jpg') bottom left repeat-x;
    border-bottom: 1px solid #ECECEC;
}
#most_popular_listings div.cover_image {
    margin: 0 auto 0 auto;
    width: 104px;
    position: relative;
}
#most_popular_listings div.cover_image img {
    margin: 0;
}
#most_popular_listings div.cover_image a.trailer {
    padding: 0;
    display: block;
}
#most_popular_listings div.odd li.film_listing {
    background:url('/lovefilm/images/global/body/most_popular_films_gradient.jpg') bottom left repeat-x;
}
#most_popular_listings li.film_listing h6 {
    font-size: 1em;
    margin: 5px;
    height: 2em;
    overflow: hidden;
}
#most_popular_listings div.last {
	width:212px;
    border-right: none;
}
#most_popular_listings .mpList h3 {
    background-color:#f8f8f8;
	margin:0 1px 0 0;
	color: #333;
	text-align:center;
}
#most_popular_listings .last h3 {
    margin:0  0 0 1px;
}
#most_popular_listings .mpList h3 span {
	/*background:url('/lovefilm/images/global/nav/tabs/darkSubNav_left.gif') no-repeat left top;
	color:#FFFFFF;*/
	display:block;
	line-height: 29px;
	padding-top:5px;
}
#most_popular_listings .mpList ol {
	/*border-right:1px solid #c5c3c4;*/
	padding:0;
	margin:0;
}
#most_popular_listings .mpList > ol > li {
	font-weight:bold;
	/*white-space: nowrap;*/
	overflow:hidden;
	list-style-type: decimal;
	text-overflow:ellipse;
    padding:5px 15px;
    margin: 0 1px 0 0;
}
#most_popular_listings .last > ol > li {
    margin: 0  0 0 1px;
}
#most_popular_listings ul.btnset li {
    width: 77px;
    margin: 10px 10px 0 0 !important;
}
#most_popular_listings ul.btnset li a.black-button {
    background: #000 url(/lovefilm/images/buttons/text_btns/black.gif) top left repeat-x;
}
#most_popular_listings ul.btnset li a.blue-button {
    background: #295fd3 url(/lovefilm/images/buttons/text_btns/blue.gif) top left repeat-x;
}
#most_popular_listings div.prd_img_wrap.portrait div.prd_img {
    height: 140px;
    background-position: 50% 25px;
    position: relative;
    width: 120px;
}
#most_popular_listings  div.prd_img a b,
#most_popular_listings  div.prd_img a:hover b{
    background: none;
    height: 140px;
}
#most_popular_listings div.prd_img_wrap.portrait div.prd_img span {
    z-index: 100;
    background: none;
    top: 0;
    color: #0066CC;
}
#most_popular_listings ul.ratings {
    margin: 5px 0  0 30px;
}
#most_popular_listings ul.ratings li small {
    color: #666;
    font-style: italic;
    font-weight: normal;
}
#most_popular_listings div.odd ul.ratings li small{
    color: #333333;
}
/*
    Interviews and reviews : LB: MUST REMOVE THE INTERVIEWS AND REVIEWS CSS AFTER THE MFTM WIDGET ON HOMEPAGE GOES LIVE
----------------------------------  */

#interviews_and_reviews small {
	color:#666666;
	font-size:11px;
    display: block;
    margin-top: 8px;
}
#interviews_and_reviews ul.box_inner {
    clear: both;
}
#interviews_and_reviews li.main_feature {
	float:left;
	width:275px;
}
#interviews_and_reviews li.main_feature h3 {
	font-size:1.2em;
	margin:5px 0;
}
#interviews_and_reviews li.main_feature a img {
	display:block;
	margin:0 0 5px 0;
    width:300px;
    height:170px;
}

#interviews_and_reviews li.listing {
    float:right;
    width:290px;
	list-style-type:none;
	border-bottom:1px dotted #E1E1E1;
	padding:10px 0;
	margin:0;
	overflow:hidden;
}
#interviews_and_reviews li.listing .details {
    float:left;
    width:190px;
}
#interviews_and_reviews li.listing a img {
	float:left;
	margin-right:10px;
    width:80px;
    height:50px;
}
#interviews_and_reviews li.listing h3 {
	font-weight:bold;
	font-size:1.1em;
	margin:0;
}
#interviews_and_reviews li.showPlayButtonLrg a.imageLink {
    display:block;
    width:300px;
    height:170px;
    position:relative;
}
#interviews_and_reviews li.showPlayButtonSml a.imageLink {
    display:block;
    height:50px;
    width:80px;
    position:relative;
    float:left;
    margin-right:10px;
}
#interviews_and_reviews li.showPlayButtonLrg a.imageLink span, 
#interviews_and_reviews li.showPlayButtonSml a.imageLink span {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:10;
    background: url(/lovefilm/images/cms/magazine/playbutton_large.png) no-repeat 0 50%;
    cursor:pointer;
}

#interviews_and_reviews li.showPlayButtonSml a.imageLink span {
    background: url("/lovefilm/images/trailer/play_overlay_dark_small.png") no-repeat -27px 50%;
    float:left;
}

#interviews_and_reviews li.showPlayButtonLrg a.imageLink:hover span {
    background-position:-304px 50%;
}
#interviews_and_reviews li.showPlayButtonSml a.imageLink:hover span {
    background-position:-161px 50%;
}
#interviews_and_reviews li.clearfix{
    margin:0;
}
/*********** START UL LISTING **************/
#interviews_and_reviews ul.listing {
    float: right;
    width: 285px;
	list-style-type: none;
}
#interviews_and_reviews ul.listing li {
	float:none;
	display:block;
	border-bottom:1px dotted #E1E1E1;
	padding-bottom:10px;
	margin-bottom:10px;
	/*height:40px;
	white-space: nowrap;*/
	overflow:hidden;
	text-overflow:ellipse;
}
#interviews_and_reviews ul.listing li.last {
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}
#interviews_and_reviews ul.listing li img {
	float:left;
	margin-right:10px;
}
#interviews_and_reviews ul.listing li h3 {
	font-weight:bold;
	font-size:1.1em;
	margin:2px 0;
}
#interviews_and_reviews ul.listing li h5 a.video,
#interviews_and_reviews div.main_feature h4 a.video {
    background:transparent url(/lovefilm/images/global/icons/ico_video_interview.gif) no-repeat left center;
	padding-left:15px;
}

/*********** END UL LISTING **************/


/*
   more from the magazine
----------------------------------  */

#more_from_magazine_home {
    _zoom: 1; /* fix layout for IE6 */   
}

#more_from_magazine_home small {
	color:#666666;
	font-size:11px;
    display: block;
}
#more_from_magazine_home ul.box_inner {
    clear: both;
}
#more_from_magazine_home li.main_feature {
	float:left;
	width:275px;
	list-style-type:none;
}
#more_from_magazine_home li.main_feature h3 {
	font-size:1.2em;
	margin:5px 0;
}
#more_from_magazine_home li.main_feature a img {
	display:block;
    width:300px;
    height:170px;
}

#more_from_magazine_home li.listing {
    float:right;
    width:290px;
	list-style-type:none;
	border-bottom:1px dotted #E1E1E1;
	padding:10px 0;
	margin:0;
	overflow:hidden;
}
#more_from_magazine_home li.listing .details {
    float:left;
    width:190px;
}
#more_from_magazine_home li.listing a img {
	float:left;
	margin-right:10px;
    width:80px;
    height:50px;
}
#more_from_magazine_home li.listing h3 {
	font-weight:bold;
	font-size:1.1em;
	margin:0;
}
#more_from_magazine_home li.showPlayButtonLrg a.imageLink {
    display:block;
    width:300px;
    height:170px;
    position:relative;
    margin: 10px 0 5px;
}
#more_from_magazine_home li.showPlayButtonSml a.imageLink {
    display:block;
    height:50px;
    width:80px;
    position:relative;
    float:left;
    margin-right:10px;
}
#more_from_magazine_home li.showPlayButtonLrg a.imageLink span, 
#more_from_magazine_home li.showPlayButtonSml a.imageLink span {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    z-index:10;
    background: url(/lovefilm/images/cms/magazine/playbutton_large.png) no-repeat 0 50%;
    cursor:pointer;
}

#more_from_magazine_home li.showPlayButtonSml a.imageLink span {
    background: url("/lovefilm/images/trailer/play_overlay_dark_small.png") no-repeat -27px 50%;
    float:left;
}

#more_from_magazine_home li.showPlayButtonLrg a.imageLink:hover span {
    background-position:-304px 50%;
}
#more_from_magazine_home li.showPlayButtonSml a.imageLink:hover span {
    background-position:-161px 50%;
}
#more_from_magazine_home li.clearfix{
    margin:0;
}
/*********** START UL LISTING **************/
#more_from_magazine_home ul.listing {
    float: right;
    width: 285px;
	list-style-type: none;
}
#more_from_magazine_home ul.listing li {
	float:none;
	display:block;
	border-bottom:1px dotted #E1E1E1;
	padding-bottom:10px;
	margin-bottom:10px;
	/*height:40px;
	white-space: nowrap;*/
	overflow:hidden;
	text-overflow:ellipse;
}
#more_from_magazine_home ul.listing li.last {
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}
#more_from_magazine_home ul.listing li img {
	float:left;
	margin-right:10px;
}
#more_from_magazine_home ul.listing li h3 {
	font-weight:bold;
	font-size:1.1em;
	margin:2px 0;
}
#more_from_magazine_home ul.listing li h5 a.video,
#more_from_magazine_home div.main_feature h4 a.video {
    background:transparent url(/lovefilm/images/global/icons/ico_video_interview.gif) no-repeat left center;
	padding-left:15px;
}

/*********** END UL LISTING **************/






/*
    Highlights and new releases    
-------------------------------  */
#highlights_new_releases {
    background: transparent url(/lovefilm/images/home/widgets/highlights_new_releases_bkg.gif) top left repeat-y;
    clear: both;
    position: relative;
}
img.starburst {
    position: absolute;
    top: -8px;
    right: -10px;
}
#highlights_new_releases ul.nav {
    float: left;
    width: 164px;
}
#highlights_new_releases ul.nav li {
    margin: 0;
    font-size: 1.2em;
}
#highlights_new_releases ul.nav li.first {
    font-weight: bold;
    font-size: 1em;
    padding: 10px 0 10px 16px;
    margin-right: 12px;
    border-bottom: 1px solid #dee5eb;
}
#highlights_new_releases ul.nav a  {
    display: block;
    font-weight: bold;
    padding: 5px 0 5px 16px;
}
#highlights_new_releases ul.nav li.selected a,
#highlights_new_releases ul.nav a:hover {
    background: transparent url(/lovefilm/images/home/widgets/arrow_black.gif) center left no-repeat;
    color: #fff;
    text-decoration: none;
}
#highlights_new_releases ul.content {
    float: right;
    width: 470px;
}
#highlights_new_releases ul.content li {
    float: left;
    width: 110px;
}
#highlights_new_releases ul.content li.stand_out {
    margin: 20px 20px 20px 8px;
}
#highlights_new_releases ul.content li.stand_out,
#highlights_new_releases ul.content li.last {
    float: none;
    width: auto;
    clear: both;
}
#highlights_new_releases ul.content li.stand_out div.item_image {
    float: left;
    width: 255px;
}
#highlights_new_releases ul.content li.stand_out div.item_details {
    float: left;
    width: 140px;
}
#highlights_new_releases ul.content li.last {
    padding:0 0 14px 0;
    position: relative;
}
#highlights_new_releases ul.content li.last a {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    padding:3px 0 0 14px;
    width: 100%;
    left: -13px;
}
/* Quiz 
------------------------ */
#LQ_question_new {
    border: none;
    padding: 0;
}
#LQ_question_new #LQ_top {
    border-bottom: none!important;
    padding: 0!important;
}
#LQ_question_new #LQ_top #right {
    position: absolute;
    top: 90px;
    right: 15px; 
}
#LQ_question_new #qimage {
    width: 144px;
    height: 212px;
}
#LQ_question_new #quiz_question #question_left,
#LQ_question_new #quiz_question #question_right {
    padding: 18px 0 !important;
}
#LQ_question_new #quiz_question #question_left {
    float: left;
    width: 184px !important;
    text-align: center;
}
#LQ_question_new #quiz_question #question_right {
    float: left  !important;
    width: 419px !important;
}
#LQ_question_new #question {
    font-weight: bold;
}
#LQ_question_new .radio_list_new li {
    margin: 0;
}
#LQ_question_new p.answer span.skip {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
} 

#LQ_submit {
    background:transparent url(/lovefilm/images/product/blue_button.gif) top left no-repeat;
    display: block;
    float: left;
    border: none;
    color: #fff;
    width: 134px;
    font-weight: bold;
    margin:0;
    font-size: 12px;
    padding: 0 0 2px 0;
    height: 25px;
    min-height: 25px;
    text-align: center;
}
#LQ_submit[disabled]{
    background:transparent url(/lovefilm/images/product/disabled_button.jpg) top left no-repeat;
    color: #999;
}
#LQ_question_new #quizbuttons {
    clear: both;
    position: relative;
    padding-top: 5px;
    border-top: 1px solid #97BFDE;
}
#LQ_question_new #quizbuttons span.iconuser, 
#LQ_question_new #quizbuttons span.iconguest {
    padding-left: 35px !important;
    font-size: 1em !important;
}
#LQ_question_new #quizbuttons .iconguest {
    background:transparent url(/lovefilm/images/quiz/icon-guest.gif) 18px 0 no-repeat !important;
}
#LQ_question_new #quizbuttons .create_question {
    position: absolute;
    top: 5px;
    right: 10px;
}
#LQ_question_new #quiz_question #question_left #qimage {
    padding: 2px;
    border: 1px solid #97BFDE;
}
/* Recent reviews 
------------------------ */

#recent_reviews ul li {
	float:left;
	width:298px;
}
#recent_reviews ul li.first {
	margin-right:15px;
}
#recent_reviews ul li div.bubble {
	background: #eeeeee url(/lovefilm/images/product/review_bubble_top.gif) top left no-repeat;
	clear:both;
	padding:28px 10px 10px 10px;
}
#recent_reviews span.image {
	width:80px;
}
#recent_reviews span.image h5 {
	margin:5px 0;
	font-size:1em;
}
#recent_reviews span.details h4 {
	margin:0 0 5px 0;
	font-size:1.2em;
}
#recent_reviews .author-detail {
    width: 100%;
    overflow: hidden;
    padding: 0;
    float: left;
}
#recent_reviews .author-detail li {
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 5px;
    width: auto;
    float: left;
	margin:0;
}
#recent_reviews .author-detail li.post-date,
#recent_reviews .author-detail li.avatar {
    margin-right: 10px;
    font-size: 0.9em;
    font-weight: normal;
	color:#666666;
}
#recent_reviews .author-detail li ul {
    font-size: 0.85em;
	margin:0;
}
#recent_reviews .author-detail li ul li {
    float: none;
    display: block;
    padding-bottom: 1px;
	margin:0;
}

/* WENN
---------------------------  */
#film_news {
    overflow: hidden;
}
div div.panel div.fn-block {
	float:left;
	width:300px;
	padding-left:5px;
}
div div.panel p.fn-see_all {
	clear:both;
	background-color:#fafafa;
	padding:5px 10px;
	border-top:1px solid #E1E1E1;
}

/* Generic right column
------------------------------------  */.
div.widgets {
    float:left;
    width:300px;
}
.widgets .widget h2.underline {
    border-bottom:1px solid #E1E1E1;
    padding:8px;
}
.widgets .widget h2.caps {
    text-transform:uppercase;
}
.widgets .widget ul.author-detail li {
    display:inline;
    float:left;
    font-size:1.2em;
    font-weight:bold;
    padding-bottom:5px;
    width:auto;
}

/* My LOVEFILM
---------------------------------------------  */

#my_lovefilm {
    margin-bottom: 20px;
    color: #000;
}
#my_lovefilm h2, #my_lovefilm h3, #my_lovefilm li {
    zoom:1;    
}
#my_lovefilm h3 {
    padding: 12px;
}
#my_lovefilm h3 {
    font-size:1em;
    color:#666666;
    font-weight:normal;
    margin: 0;
    padding-bottom: 0;
    text-transform:uppercase;
}
#my_lovefilm h3.activity {
    border-top: 1px solid #c4c2c3;
}
#my_lovefilm ul.ratings li small {
    padding-left: 0;
}
#my_lovefilm ul {
    margin: auto 12px;
    list-style-type: none;
}
#my_lovefilm ul ul {
    margin-left: 0; 
}
#my_lovefilm ul li {
    padding: 10px 10px 10px 0;
    border-bottom: 1px dotted #a5a5a5;
}
#my_lovefilm ul li li {
    border-bottom: none;
    padding: 0;
}
#my_lovefilm ul li.first {
    padding-top: 0;
}
#my_lovefilm ul li.last {
    border-bottom: none;
}
#my_lovefilm ul li.last a {
    font-weight: normal;
}
#my_lovefilm ul a {
    font-weight: bold;
}
#my_lovefilm table {
    width: 100%;
}
#my_lovefilm thead {
    display: none; 
}
#my_lovefilm tbody td {
    font-weight: bold;
    padding: 6px 12px;
}
#my_lovefilm tbody tr td.stats{
    text-align: right;
}
#my_lovefilm tbody td span {
    display: block;
    font-weight: normal;
}
#my_lovefilm td a.btn {
    background: #0066cc url(/lovefilm/images/product/blue-btn-left-bg.png) -50px -2px no-repeat;
    border: 1px solid #99ccff;
    color: #fff;
    font-weight: bold;
    padding: 5px 7px;
    text-decoration: none;
}
#my_lovefilm ul li a.upgrade {
    display: block;;
    border: 1px solid #018e01;
    background: #018e01 url(/lovefilm/images/home/widgets/button_green_gradient.gif) top left repeat-x;
    font-size: 16px;
    line-height: 28px;
    padding:2px 10px 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
}

/* My Lovefilm, with promo/helper for newbies */
#my_lovefilm h2,
#welcome_home #my_lovefilm h2 {
    padding: 0 5px;
    text-align: center;
    /* *margin-right: -4px; */
}

#my_lovefilm .rental_summary {
    background: #fef8e0;
    padding: 5px 15px 0;
    
    background-image: -moz-linear-gradient(top, #fefaef 0%, #fff0c7 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefaef), color-stop(100%,#fff0c7));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefaef', endColorstr='#fff0c7',GradientType=0 );
    
    *zoom: 1;
}

#my_lovefilm .rental_summary p {
    text-align: center;
    font-size: 14px;
    margin: 0 0 7px 0;
    padding-top: 7px;
}

#my_lovefilm .rental_summary ul {
    margin: 0 -8px;
    padding: 0;
    overflow: hidden;
    _zoom: 1;
}

#my_lovefilm .rental_summary ul li {
    border: none;
    margin: 5px 8px;
    padding: 0;
    float: left;
    _display: inline;
}

#my_lovefilm .rental_summary ul li.empty {
    border: 2px dashed #C5B18E;
    height: 56px;
    width: 36px;
    background: #EEE1C1;
}

#my_lovefilm .options a {
    font-weight: normal;
    font-size: 11px;
}

#my_lovefilm .options .last {
    float: right;
}

#my_lovefilm .encouragement {
   padding: 10px 15px 0;
   overflow: hidden;
   *zoom: 1;
}

#my_lovefilm .trialist {
    background-color: #fef6df;
    background-image: -moz-linear-gradient(top, #fefaef 0%, #fff2c9 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefaef), color-stop(100%,#fff2c9));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefaef', endColorstr='#fff2c9',GradientType=0 );
}

#my_lovefilm .encouragement p {
    font-weight: bold;
}

#my_lovefilm .trialist p {
    font-weight: normal;
}

#my_lovefilm .encouragement ol {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

#my_lovefilm .encouragement ol li {
    padding: 56px 0 10px 56px;
    border-top: 1px dotted #aaa;
    background: url('/lovefilm/images/account/how_steps_sprite.png') top left no-repeat;
    _background: url('/lovefilm/images/account/how_steps_sprite_ie.png') top left no-repeat;
}

#my_lovefilm .encouragement ol .step1 {
    background-position: -8px 4px;
}

#my_lovefilm .encouragement ol .step2 {
    background-position: -308px 4px;
}

#my_lovefilm .encouragement ol p {
    font-weight: normal;
    padding: 0;
    margin: 4px;
}

#my_lovefilm .encouragement ol .step1 a {
    font-weight: bold;
    text-decoration: underline;
}


/* Extra styles to make the my_lovefilm widget work on this page */
#my_lovefilm h2 {
    clear:both;
    background:#F9F9F9 url(/lovefilm/images/my_account/title_tile.gif) repeat-x 0 bottom;
    font-size:1.5em;
    padding:7px 5px 6px 5px;
    margin: 0;
}


/*
    LOVEFiLM Poll
----------------------------- */
.poll .column_content {
    border: none;
}
.poll #show_results {
    background:  #ED251D url(/lovefilm/images/product/btn-red-grad-bg.gif) repeat-x scroll left top;
    color: #fff;
    padding: 2px;
    width: 50px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.box_inner.column_content input#show_results {
    width: auto;
}
/*
    Review of the week
-----------------------------  */

div.weekly_review div.author img {
    margin-right: 8px;
}
div.weekly_review div.author span small {
    color: #666;
    display: block;
}
div.weekly_review div.author span span {
    font-weight: bold;
}
div.weekly_review div.image {
    margin: 10px 0;
    height: 182px;
    width: 275px;
    background-position: 50% 33%;
    background-repeat: no-repeat;
}
div.weekly_review img.teaser_img {
    margin: 10px 0;
    display: block;
}
div.weekly_review h3 {
    margin: 0 0 5px 0;
}

/* Most popular trailers
------------------------------ */
.widgets .trailers {
    padding:0 10px 10px 10px;
    clear:both;
    float:none;
}
.widgets .trailers .trailer_panel_item {
    margin: 2px;
}

/* Related Articles:
------------------------------
This widget has different VIEWS
#related_articles: includes images and background zebra stripes
#related_articles_text: plain text with transparent background
div.product-wrapper #related_articles: for display on Product Page
*/
#related_articles {
    position:relative;
    background:#fff;
}
#related_articles_text {
    position:relative;
    background:transparent;
    width:100%;
}
/* item rows */
#related_articles ol.zebra, #related_articles_text ol.zebra {
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
}
#related_articles_text ol.zebra li {
    padding:0;
    background:transparent;
}
#related_articles_text h5 {
    margin:0;
}
#related_articles_text .item_text {
    margin-bottom:5px;
    padding-bottom:5px;
}
#related_articles ol.zebra li {
    padding: 8px 0 8px 10px;
    height:1%; /*PROP FIX*/
}
#related_articles .item_thumb {
    float:left;
    margin-right:10px;
    width:80px;
}
#related_articles .item_detail {
    float:left;
    width:65%;
}
#related_articles h5 {
    font-size: 1em;
    margin:0;
    padding-right:5px;
}
/* Widgets on Product page use h4 as headers */
div.product-wrapper #related_articles h3 {
    background:url("/lovefilm/images/global/nav/tabs/darkNav.gif") no-repeat scroll right top transparent;
    font-size:1.5em;
    font-weight:bold;
    line-height:33px;
    margin:0;
    padding:0 15px;
    text-transform:none;
}

/*PROP FIX*/
#related_articles ol.zebra .clear {
    clear:both;
    height:1px;
    overflow:hidden;
}
/* END */

/* Celebrity collections 
------------------------------  */
.tabbed_content_data .collection .celeb-image-hack {
    width: auto;
}
/* Games 
------------------------------  */

.widgets .games span.image,
.panel #recent_reviews span.image {
    float:left;
    margin-right:8px;
}
.widgets .games ul * {
    list-style-type:none;
}
.widgets .games ul.list .details span a {
    color:#333;
    font-weight:bold;
}
.widgets .collection .view-all {
    top:-21px;
}

.list h5 {
    margin:8px 0 0 0;
    font-size:1em;
}
.widgets .games h2 {
    margin-left:10px;
    padding-bottom:0;
}
.widgets .games p {
    padding:3px 10px;
    margin:0;
}
.widgets .games li {
    clear:both;
    float:none;
    padding:4px 8px;
    margin:0;
}
.games {
    position: relative;
}
.games li.odd {
    clear:both;
}
/* Sponsored ads
-----------------------------------   */
.widgets .sponsored {
    overflow: visible!important;
}
#welcome_home .sponsored div.advert_sponsored_links {
    border: 1px solid #CCC;
}
.sponsored div.advert_sponsored_links {
    border: 1px solid #E1E1E1;
    clear: both;
    color: #333;
    margin-bottom: 20px;
    background-color: #fff;
}
div.grid_space .sponsored div.advert_sponsored_links {
    border: 1px solid #AFAFAF;
    margin-top: 10px;
}
.sponsored ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sponsored ol span {
    font-weight: bold;
    display: block;
}

/* Sponsored Link :: Single ad */
.sponsored ol.overlap {
     position: relative;
}
.sponsored ol.overlap li a {
    height: 190px;
    min-height: 190px;
    display: block;
}
.sponsored ol.overlap li img {
    float: left;
    position: absolute;
    left: 0;
    top: -50px;
}
.sponsored ol.overlap li span {
    color: #333;
    position: absolute;
    left: 15px;
    bottom: 10px;
    display: block; 
    padding: 0 50px 0 0;    
}
/* Sponsored links :: List */
.sponsored ol.list li {
    padding: 8px  50px 8px 15px;
    overflow: hidden;
}
.sponsored ol.list li img {
    float: left;
    margin-right: 10px;
}
.sponsored ol.list li.odd {
    background-color: #E2E2E2;
}
/* Sponsored links :: Carousel */
.sponsored ol.carousel {
    position: relative;
    height: 160px;
    overflow: hidden;
    width: 270px;
    margin: 12px auto;
}
.sponsored .carouselNav {
    border-top: 1px dotted #C1C1C1;
    height: 37px;
    margin: 0 0 0 12px;
    padding: 6px 0 0;
    width: 270px;
}
.sponsored .carouselNav .sponsored_prev,
.sponsored .carouselNav .sponsored_next {
    display: block;
    float: left;
    height: 37px;
    outline-style: none;
    outline-width: medium;
    text-indent: -9999px;
    width: 16px;
}
.sponsored .carouselNav .sponsored_prev {
    background:transparent url(/lovefilm/images/cms/magazine/arrow_prev.gif) no-repeat scroll 0 6px;
}
.sponsored .carouselNav .sponsored_next{
    float: right;
    background:transparent url(/lovefilm/images/cms/magazine/arrow_next.gif) no-repeat scroll right 6px;
}
.sponsored .carouselNav ol {
    float: left;
    height: 37px;
    margin: 0 auto;
    padding: 0;
    width: 238px;
    list-style-type: none;    
}
.sponsored .carouselNav ol li {
    /*float: left;
    display: table-cell;*/ /*Check fix_ie6.css and main-ie7.css for IE6/7 fixes*/
}
.sponsored .carouselNav ol a {
    background: transparent url(/lovefilm/images/cms/magazine/dot_small.gif) no-repeat scroll center 10px;
    display: block;
    height: 30px;
    margin: 0 auto;
    outline-style: none;
    outline-width: medium;
    text-indent: -9999px;
    width: 30px;
}
.sponsored .carouselNav ol a.activeSlide {
    background: transparent url(/lovefilm/images/cms/magazine/dot_large.gif) no-repeat scroll center 6px;
}

.bespoke_ad_stripe {
    clear: both;
    display: block;
    margin-bottom: 18px;
}
#welcome_home .bespoke_ad_stripe {margin-bottom: 0;}


/* Follow-us widget
-----------------------------------   */

div.follow-us {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    _zoom: 1;
    z-index: 1;
}

.follow-us h2.light_title {
    padding: 6px 15px;
}

#magazineColumn .follow-us h2 {
    background: url("/lovefilm/images/cms/magazine/title_tile.gif") repeat-x scroll 0 bottom #FDFDFD;
    color: #333;
    font-size: 1.4em;
}

.follow-us p {
    padding: 20px 15px;
    line-height: 1.4;
}

.follow-us .main {
    margin: 0 89px 0 0;
    padding: 15px 15px 0;
}


ul.networks {
    list-style: none;
    margin: -8px 5px 0 0;
    padding: 0;
    position: relative;
}

.networks li {
    float: right;
    margin: 5px;
}

.networks .first-child {
    position: absolute;
    bottom: -7px;
    right: 0;

    /* IE6 does something interesting here. So this undoes it */
    _right: 10px;
    _bottom: 208px;
}



=======
/* Follow-us widget
-----------------------------------   */

div.follow-us {
    margin-bottom: 20px;
    overflow: hidden;
    /* position: relative; */
}

.follow-us h2.light_title {
    padding: 6px 15px;
}

.follow-us p {
    padding: 20px 15px;
    line-height: 1.4;
}

.follow-us .main {
    margin: 0 89px 0 0;
    padding: 15px 15px 0;
}


ul.networks {
    list-style: none;
    margin: -8px 5px 0 0;
    padding: 0;
    position: relative;
}

.networks li {
    float: right;
    margin: 5px;
}

.networks .first-child {
    position: absolute;
    bottom: -7px;
    right: 0;
}

/* Facebook widget overrides
-----------------------------------   */

#tableWrap .fb_iframe_widget {
    padding-bottom: 1em;
}

/* Apple App Store promo
-----------------------------------   */

.top_strip {
    margin-left: -5px;
}

.app_store {
    margin: 0;
    padding: 6px 2px 4px;
    background-color: #ffbf14;
    color: #000;
    border-bottom: 1px solid #3e3e3e;
    text-align: center;

}

.app_store .promo {
    font: bold 13px 'Helvetica-Bold', Helvetica, Arial;
    display: inline-block;
    overflow: hidden;
    height: 32px;
}


.app_store .promo b {
    display: block;
    height: 32px;
    width: 245px;
    background: #ffbf14 url('/lovefilm/images/apple/iPhone.png') no-repeat;
}

.app_store .iPad b {
    background-image: url('/lovefilm/images/apple/iPad.png');
}

.app_store .iPhone b {
    background-image: url('/lovefilm/images/apple/iPhone.png');
}

.app_store em {
    font-style: normal;
    color: #cb2322;
}

.app_store a {
    color: #000;
}

.app_store a:hover {
    text-decoration: none;
}

.app_store a:hover em {
    text-decoration: underline;
}

.app_store a.close {
    float: right;
    height: 29px;
    width: 29px;
    overflow: hidden;
    margin: 1px 10px;
}

.app_store a.close b {
    background: #ffbf14 url('/lovefilm/images/apple/close.png') no-repeat top left;
    height: 29px;
    width:  29px;
    display: block;
}

/* LovefilmBox
-----------------------------------   */

#lfoverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

#lovefilmbox {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 91;
    overflow: hidden;

    background: url("/lovefilm/images/product/diag-bg.png") repeat scroll 0 0 #262626;
    padding: 25px;
}

#lovefilmbox.offscreen {
    left: -9999px;
    margin-left: 0;
}

#lovefilmbox #lfbox_close_btn {
    position: absolute;
    top: 3px;
    right: 6px;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    outline: 0;
}

#lovefilmbox #lfbox_close_btn img {
    position: relative;
    top: 4px;
}

#lovefilmbox #lfbox_close_btn:focus img {
    outline: 1px dotted #fff;
}

#lovefilmbox .lfbox_body {
    position: relative;
    overflow: auto;
    background: #ebebeb;
}

#lovefilmbox .lfbox_loading {
    background-color: #666;
    color: #fff;
    font-size: 1.5em;
    margin: 0;
    opacity: 0.7;
    padding: 3em 0 1em;
    text-align: center;
}

#lovefilmbox iframe {
    margin: 20px;
}

/* Celebrity collection Overrides
-----------------------------------   */

.tabbed_content_data * {
    border:0 none;
    border-collapse:collapse;
    line-height:1;
    list-style-type:none;
    margin:0;
    padding:0;
}
.tabbed_content_data h2 a {
    line-height: 33px;
}
.thumbnail-list .widget, .widgets .review, .collection .title {
    padding:12px;
} 

.celeb .title {
    border-top:1px solid #E1E1E1;
}
.collection .celeb-image-hack {
    border:9px solid #ffffff;
}
.celeb .title {
    border:none;
    padding:10px;
}
.celeb .title h5 {
    margin:0;
}
.collection h5 {
    font-size:1.2em;
    margin-bottom:8px;
}
.collection .title a {
    color:#076CD8;
    font-size:1.2em;
}
.mini-carousel .gallery, .collection .gallery {
    background-color:#f1f1f1;
}
.collection p.create {
	background-color:#FFFFFF;
}

ul.text_btn span{
    color:#666666;
    font-size:10px;
    text-align:center;
}


ul.text_btn .btn_add span, ul.text_btn .btn_remov span, ul.text_btn .btn_reserv span{
color:#fff;
font-size:12px;
}

/*  Messaging */

#loader_msg {
    display: none;
    text-align: center;
    margin: 0 0;
    padding: 3em 0 1em 0;
    background-color: #666;
    font-size: 1.5em;
    color: #fff;
    position: absolute;
    z-index: 200;
    width: 955px;
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

/* button sets */

ul.btnset {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
ul.btnset li {
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    width: 100%;
    line-height: 0.8em;
    border: none !important;
    height: auto !important;
    padding-bottom: 1px !important;
}
ul.btnset li a,
ul.btnset li span.grey-button {
    border: none;
    display: block; 
    font-weight: bold;
    margin: 0;
    text-align: center;
    /*text-transform: uppercase;*/
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
ul.btnset li a.black-button {
    border: 1px solid #020202;
    background-position: 0 -2px
}
ul.btnset li a.blue-button {
    border: 1px solid #020202;
    background-position: 0 -2px;
    color:#fff;
}
ul.btnset li a.grey-button,
ul.btnset li span.grey-button {
    background:#666 url(/lovefilm/images/product/cta-home-bg.gif) repeat-x scroll left top;
    border:1px solid #666;
    color:#FFF;
} 
ul.btnset li a.black-button {
    background: #000 url(/lovefilm/images/buttons/text_btns/black.gif) top left repeat-x;
}
ul.btnset li a.blue-button {
    background: #295fd3 url(/lovefilm/images/buttons/text_btns/blue.gif) top left repeat-x;
}
ul.btnset li a.yellow-button {
    background: #FECF25 url(/lovefilm/images/buttons/text_btns/yellow.gif) top left repeat-x;
}
ul.btnset li a.red-button {
    border: 1px solid #ED251D;
}
ul.btnset li a.yellow-button {
    border: 1px solid #FECF25;
	color: #000;
}
ul.btnset li a:hover {
    text-decoration: none;
}
ul.horz_2 {
    margin-left: 5px;
}
ul.horz_1 li { width: 100%; }
ul.horz_2 li { width: 50%; }
ul.horz_3 li { width: 33%; }
ul.horz_4 li { width: 25%; }
ul.horz_5 li { width: 20%; }

#most_popular_listings ul.horz_1 {
    margin:0 0 0 40px;
}
#most_popular_listings ul.horz_1 li {
    width:70%;
}
#most_popular_listings ul.ratings {
}

/* CTA buttons */

a.button, 
input.button,
button.button{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	padding:3px 15px 4px 15px;
    text-decoration: none;
}

a.button:hover{
    text-decoration: none;
    color: #ffffff;
}
a.cta_green,
input.cta_green,
button.cta_green{
 	background:url("/lovefilm/images/global/buttons/button_sprite_bg.gif") repeat-x 0px 0px #059004;
	border:1px solid #018e01;
}
a.cta_grey,
input.cta_grey,
button.cta_grey{
    background:url("/lovefilm/images/global/buttons/button_sprite_bg.gif") repeat-x 0px -70px #494949;
	border:1px solid #666666;
}
a.cta_black,
input.cta_black,
button.cta_black{
    background:url("/lovefilm/images/global/buttons/button_sprite_bg.gif") repeat-x 0px -140px #000000;
	border:1px solid #666666;
}

/* IE fix */
input.button,
button.button {
_padding:3px 0 4px 0;    
}

#ratings_form input.button {
    color:#666;
}


/*
Competition Widget: START
----------------------------------  */

div#comp_links a.competition {
    outline:none;
}

div#comp_links a:hover span {
    text-decoration:underline;
}

div#comp_links div.comp {
    padding:1px 0;
    margin:0 15px;
    overflow:auto;
    border-top:dotted 1px #0f5c7a;
}

div#comp_links div.first {
    border-top:none;
}

div#comp_links div.comp img {
    display:block;
    float:left;
}

div#comp_links div.comp div.link {
    float:left;
    width:183px;
    height:90px;
    display:table;
}

div#comp_links div.comp div.link span {
    display:table-cell;
    vertical-align:middle;
    font-weight:bold;
    font-size:14px;
}

/*
Competition Widget: END
----------------------------------  */

/*
Ad Feedback
----------------------------------  */
.advert_mpu {
    position:relative;
}
.ad_feedback {
    width: 17px;
    height: 17px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    cursor: pointer;
    background: #000;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.ad_feedback a {
    width: 100%;
    height: 100%;
    color: #fff;
    display: block;
}
.ad_feedback a:hover {
    text-decoration:none;
}

/*
    OVERLAYS
----------------------------------  */

/*  iframe */
#overlay_i {
    width: 100%;
    height: 313px;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
}

#popup-bg { 
    height: 100%; 
    width: 100%; 
    position: fixed;
    z-index:2147483000; /* This Z value has been used to counteract Ads floating on top of light box */
    background-image: url(/lovefilm/images/product/popup-bg.png);
    top: 0; 
    left: 0; 
}

/*  overlay */
#overlay { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:2147483000; /* This Z value has been used to counteract Ads floating on top of light box */
}

a.js-close-popup {
    position: relative;
    float: right;
    top: -6px;
    color: #FFF;
}

.overlay {
    background: #262626 url(/lovefilm/images/product/diag-bg.png);
    padding: 25px;
    margin: 0 auto;
    position: relative;
}

.overlay .content {
    padding: 17px;
    background-color: #FFF;
    overflow: hidden;
    width: 466px;
}

.wide .content {
    width: 530px;
}

.overlay {
    width: 500px;
}

.rent {
    width: 664px;
}

.rent .content {
    width: 624px;
    border: 20px solid #EBEBEB;
    padding: 0;
}

/*  Rent overlay */

#rent_overlay h1 {
    color: #333333;
    font-size: 1.8em;
    margin: 0;
    overflow: hidden;
    padding-bottom: 8px;
}

#rent_overlay h1 span.format {
    background-color: transparent;
    font-size: 0.8em;
    padding: 0;
}

#rent_overlay form {
    width: 70%;
}
#rent_overlay form,
#rent_overlay form div {
    float: left;
}

#rent_overlay #rent_queue_change {
    font:11px Arial;
}

#rent_overlay {
    background-color: #FFF;
    overflow: hidden;
    padding: 12px;
}

#rent_overlay img {
    margin-right: 20px;
    float: left;
}

#rent_overlay .note {
    background: #EBEBEB;
    border-top: 1px dotted #a5a5a5;
    border-bottom: 1px dotted #a5a5a5;
    padding:10px;
    font-weight:normal;
}

#rent_actioned {
    margin: 4px 0;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    padding:4px;
}

#rent_actioned label {
    float: none;
    text-align: left;
    width: auto;
    margin: 0px;
    padding:10px 0;
}

#rent_format,
#rent_priority div.grey {
    background-color: #EBEBEB;
    padding: 12px 5px;
}
.rent_priority_message {
    padding:5px;
}
#rent_format span.action {
    float: none;
    font-size: 1em;
    font-style: normal;
    margin-left: 0;
}

#rent_format span.released {
    margin-bottom: 8px;
    font-size: 0.9em;
    display: block;
    float: left;
    margin-left: 0;
    font-style: normal;
    width: 100%;
}

#rent_format span.at_home {
    border:1px solid red;
}
#rent_availability span {
    float: none;
    font-size: 1em;
    font-style: normal;
    margin: 0;
}

.success_msg {
    color: #8B8B8B;
    font-weight: bold;
    padding-left: 5px;
}

#rent_format,
#rent_priority {
    width: 46%;
}
#reserved_note {
    width: 44%;
}
#reserved_note_wide {
    width: 95%;
}
#rent_format {
    margin-right: 12px;
}

#rent_format p {
    margin-bottom: 0;
    padding-top: 6px;
    font-weight: bold;
}

#rent_format h3,
#rent_priority h3 {
    margin: 0 0 10px 0;
    font-size: 1.2em;
}

#rent_priority label {
    display: block;
    float: left;
    margin: 0;
    width: auto;
}

#rent_priority label img {
    margin: 0;
}

#rent_priority input {
    width: auto;
    margin-right: 5px;
    margin-top: 8px;
}

span#success_switched_queue {
    font-size: 0.85em;
    margin: 0;
    font-style: normal;
    color: #8B8B8B;
}

.rent .carousel li {
    float: left;
    list-style-type: none;
}

.rent .format,
.rent .priority {
    width: 48%;
    background-color: #CCC;
    padding: 10px;
}

.rent .priority {
    float: right;
}

.rent .priority img {
    margin: 0;
}

.rent .format {
    float: left;
    display: block;
    width: 100%;
}

/*  Sign in overlay */

#overlay_sign_in_content .email_prefs, 
.rent div.new-members {
    float: left;
    padding-left: 20px;
    width: 40%;
    border-left: 1px solid #AFAFAF;
}
#overlay_sign_in_content .new-members {
    float: left;
    margin-left:10px;
    padding-left: 15px;
    width: 282px;
    border-left: 1px solid #AFAFAF;
}

#overlay_sign_in_content .new-members h5, 
#overlay_sign_in_content .m_status_form h5,
#overlay_sign_in_content .welcome_m h5,
.rent div.new-members h5,
#overlay_sign_in h5 {
    font-size: 1.3em;
    font-weight:bold;
    color:#666;
}


#overlay_sign_in_content .new-members ul, #overlay_sign_in_content .welcome_m ul {
    color:#666;
    margin:7px 0 7px 10px;
    padding:0 0 0 5px;
}

#overlay_sign_in_content .m_status_form em,
#overlay_sign_in_content .m_status_form .signup_prefs span {
 padding-top:2px;   
}

.m_status_form .loading{
    margin:5px 0 0 5px;
}

#overlay_sign_in_content .new-members li {
    padding: 1px 0;
}

body #digital_sign_up fieldset {
    border: 1px solid #AFAFAF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 12px;
}

#overlay_sign_in_content form,
.rent form {
    float: left;
    width: 54%;
    margin-bottom: 0;
}
#overlay_sign_in_content form {
    width: 292px;
}

#overlay_sign_in_content .new-members.confirm,
#overlay_sign_in_content .welcome_m.confirm{
    float: left;
    width: 287px;
}

#overlay_sign_in_content .welcome_m h4 {
    font-size: 1em;
}

#overlay_sign_in_content .welcome_m h4 a, #overlay_sign_in_content h3 a{
    color:#0066cc;
    text-decoration:underline;
}

#overlay_sign_in_content form.m_status_form {
    width:609px;
}

#overlay_sign_in_content .m_status_form .email_prefs {
    width:255px;
    float: left;
}

#overlay_sign_in_content .m_status_form .signup_prefs {
    width:330px;
    margin:0;
    float: left;
}

#overlay_sign_in_content .m_status_form {
    padding-top: 0;
}

#overlay_sign_in_content .m_status_form #password,
#overlay_sign_in_content .m_status_form #retyped_password {
    width:100px;
}

#overlay_sign_in_content .m_status_form #postcode_unchecked {
    width:60px;
}

#digital_sign_up fieldset {
    float: left;
    width: 62%;
}

#digital_sign_up fieldset legend,
#overlay_sign_in_content form legend,
.rent form legend {
    color:#656565;
    font-size: 1.2em;
    font-weight: bold;
    margin:0;
    padding:0;
}

p.error-msg {
    font-size: 1.2em;
    color: #333333;
    font-weight: bold;
    background: transparent url(/lovefilm/images/product/error-msg-bg.png) repeat;
    padding: 10px 5px;
    margin-bottom: 20px;
    margin-top: -12px;
}

 .m_status_form p.error-msg, .sign_in_up p.error-msg {
    color: #D71219;
    margin:10px 0;
    padding:0;
    background:none;
    font-size: 12px;
}


input.error-msg,input.error-msg-small {
    background: #ffced1 url(/lovefilm/images/product/error-input-bg.png) right no-repeat;
    border: 1px solid #F00;
}

.overlay a.closes_overlay {
    position: absolute;
    top: 2px;
    right: 6px;
    color: #FFF;
    font-weight: bold;
    float: right;
    font-size: 1.1em;
}

.overlay a.closes_overlay img {
    position: relative;
    top: 3px;
}

.overlay a.closes_overlay:hover {
    text-decoration: none;
}

#panel-details ul.discs h3 a,
#rent_overlay a.triggers_overlay {
    float: left;
    margin-right: 5px;
    position: relative;
    top: -6px;
}
a.black-button {
    background:#333 url(/lovefilm/images/product/cta-buy-bg.gif) repeat-x scroll left top;
    border:1px solid #333;
    color: #FFF;
    display: block;
    padding: 5px 6px;
}
a.blue-button {
    background:#295fd3 url(/lovefilm/images/product/cta-buy-bg.gif) repeat-x scroll left top;
    border:1px solid #333;
    color: #FFF;
    display: block;
    padding: 5px 6px;
}
a.red-button,
#panel-details ul.discs h3 a,
.overlay a.triggers_overlay {
    background: #ed251d url(/lovefilm/images/product/btn-red-grad-bg.gif) left top repeat-x;
    border: 1px solid #e98d8b;
    color: #FFF;
    display: block;
    padding: 5px 6px;
}

#digital_sign_up .submit input,
#competition .submit input,
#overlay_sign_in_content .submit input,
.overlay .submit input,
#overlay_sign_in_content .new-members a,
#overlay_sign_in_content #overlay_sign_in .register input,
#rent_list_wrap .new-members a,
.overlay .new-members a,
#register_btn,
#overlay_sign_in_content .welcome_m a.view_wishlist,
.new-members a.start_trial{
    background: #086dd6 url(/lovefilm/images/product/blue-btn-left-bg.png) no-repeat;
    padding: 7px 5px 8px 15px;
    color: #FFF;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 7px 10px 8px 10px;
    width: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#digital_sign_up .submit input,
#competition .submit input,
#overlay_sign_in_content .submit input,
.overlay .submit input, #overlay_sign_in_content .welcome_m a.view_wishlist {
    background: #086dd6 url(/lovefilm/images/product/blue-btn-bg.png) repeat-x;
    border:1px solid #086dd6;
    text-decoration:none;
}

#overlay_sign_in_content .new-members a,
#overlay_sign_in_content #overlay_sign_in .register input,
#rent_list_wrap .new-members a,
.overlay .new-members a,
#register_btn,
p input#nl_submit,
.new-members a.start_trial{
    background:#018E01 url(/lovefilm/images/home/widgets/button_green_gradient.gif) repeat-x;
    border:1px solid #018E01;
    display:block;
    text-decoration:none;
}

#rent_list_wrap .new-members,.new-members a.start_trial {
    clear:both;
    text-align:center;
    width:240px;
}
.new-members a.start_trial{margin-bottom:10px;}
#overlay_sign_in_content .new-members p,
.overlay .new-members p {
    line-height: 1.3em;
    font-size: 1.1em;
    margin:12px 0 23px;
    float: none;
}

#overlay_sign_in_content .new-members .loads_more{
    font-size: 12px;
    margin: 5px 0;
}

#overlay_sign_in_content p {margin:10px 0;}

#overlay_sign_in_content .new-members a,
.overlay .new-members a,
#overlay_sign_in_content .welcome_m a.view_wishlist,
#register_btn,
p input#nl_submit{
    font-size: 1.1em;
    display :block;
    padding-top: 8px;
    padding-bottom: 10px;
    float: left;
}

#digital_sign_up .submit span,
#overlay_sign_in_content .new-members span,
.overlay .new-members span {
    float: left;
    padding: 0;
}

#digital_sign_up .submit span, 
#overlay_sign_in_content .new-members span,
#overlay_sign_in_content .submit span,
.overlay .new-members span,
.overlay .submit span {
    width: 10px;
    display: block;
    margin: 0;
    height: 33px;
}

#overlay .wide {
    width: 566px;
}

.wide form,
.wide .content div {
    float: left;
}

.wide form {
    width: 52%;
}

.wide .content div {
    border-left: 1px solid #333;
    padding-left: 20px;
    margin-left: 20px;
    width: 39%;
}

#digital_sign_up fieldset,
#overlay_sign_in_content fieldset,
.overlay form fieldset {
    padding: 0;
    border: 1px solid #FFF;
}

#digital_sign_up label,
#overlay_sign_in_content form label,
.overlay form label {
    text-align: right;
    width: 10em;
    float: left;
    margin: 0.3em 5px 0 0;
}
.signup_prefs b{
    float:left;
    margin:.3em 0 0 5px;
}

#overlay_sign_in_content form .email_prefs label {
    text-align: left;
    margin:0 0 0 5px;
    display:block;
    width:219px;
    float:left;
}

#overlay_sign_in_content form .email_prefs .third_party{
    margin-bottom:5px;
}
#overlay_sign_in_content form .email_prefs .third_party .third_party_copy{
    margin-left:0px;
}
#overlay_sign_in_content form .email_prefs .third_party p{margin:0 20px 5px 20px;}

#overlay_sign_in_content form .email_prefs .third_party label{
    width:150px;
}

#overlay_sign_in_content form .email_prefs input {
    margin:0;
    float:left;
}

#overlay_sign_in_content .m_status_form .signup_prefs label {
    width: 145px;
    height:auto;
}
#overlay_sign_in_content .m_status_form .signup_prefs span,
#overlay_sign_in_content .m_status_form #signupform .indent {
    margin-left:45%;
    padding-right:15px;
}

#overlay_sign_in_content .m_status_form .signup_prefs .input_sec{
    margin:0;
    padding:0;
}

#overlay_sign_in_content .m_status_form .input_sec em{
    margin:0;
    width:155px;
}

#overlay_sign_in_content .tnc{
    clear:both;
    float:none;
    margin-top:5px;
    text-align:center;
}

#overlay_sign_in_content .email_prefs label,
.third_party_copy {
    color:#666;
    float: none;
}

#overlay_sign_in_content .m_status_form em{
    clear:both;
    margin-left:45%;
    display:block;
    line-height:1.1em;
}

/*#overlay_sign_in_content .m_status_form em.error-msg {
    display:block;
    float:left;
    line-height:1.1em;
    margin-left:3px;
    width:60px;
}*/

#overlay_sign_in_content .m_status_form .success{
    margin: 0 0 0 5px;
    display:inline;
}

#digital_sign_up em,
#overlay_sign_in_content form em,
.overlay form em {
    margin: 0 0 0 5px;
    line-height: 2em;
    font-size: 0.8em;
}

#digital_sign_up fieldset p,
#overlay_sign_in_content form p,
.overlay form p {
    clear: left;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 0;
}


.wide form p {
    margin-right: 0;
}

#digital_sign_up fieldset p span,   
#overlay_sign_in_content form p span,
#competition form p span,
.overlay form p span {
    margin-left: 12em;
    font-size: 0.9em;
    font-style: italic;
    float: left;
    font-weight:normal;
    line-height:1.12em;
    padding:0;
    text-align:left;
    overflow:visible;
}

#digital_sign_up p.info,
.overlay p.info {
    text-align: left;
    font-size: 0.9em;
}

#digital_sign_up p.info *,
.overlay p.info * {
    width: auto;
    float: none;
    margin: 0;
}

#digital_sign_up input,
#overlay_sign_in_content input,
.overlay input {
    float: left;
    font-family: arial, helvetica, sans-serif;
}

#overlay_sign_in #email, #overlay_sign_in #password {
    width: 150px;
}

#overlay_sign_in_content .m_status_form #email {
    width: 155px;
}

#overlay_sign_in_content .email_prefs input {
    float: none;
}

.wide input {
    width: auto;
}

.wide form p {
    text-align: right;
}

.wide .review-panel form p {
    text-align: left;
}

#digital_sign_up p.email,
#overlay_sign_in_content p.email,
.overlay form p.email {
    margin-top: 14px;
}

#digital_sign_up p.indent,
#overlay_sign_in_content p.indent,
.overlay form p.indent {
    text-align: left;
    padding-left: 10.5em;
    margin-top: 0;
}

#overlay_sign_in_content .m_status_form p.indent {
    padding:0 0 0 44%;
    margin: 0;
}

.rent form p {
    margin-top: 0;
}

.rent form legend {
    padding-bottom: 18px;
}

.overlay legend {
    text-indent: -9999px;
    font-size: 0.1em;
}

.wide h5, 
.wide form legend {
    text-indent: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.1em;
}

#overlay_sign_in_content {
    width: 609px;
    margin:5px 0 0 10px;
}

#overlay_sign_in_content h1,
#overlay_sign_in_content h2,
#overlay_sign_in_content h3,
#overlay_sign_in_content h4,
#overlay_sign_in_content h5,
#overlay_sign_in h5,
.overlay h1 {
    margin: 5px 0;
}

#overlay_sign_in_content h1,
.overlay h1 {
    font-size: 1.6em;
}

#overlay_sign_in_content h2 {
    font-size: 1.25em;
}

#overlay_sign_in_content h3 {
    font-size: 1em;
}

#overlay_sign_in_content h4 {
    font-size: .8em;
}

.high { 
    z-index: 110;
}

.ui-tabs-hide,
.hidden {
    display: none;
}

#overlay_sign_in_content .new-members.welcomeback {border-left:0;margin-left:0;padding-left:0;width:609px;}
#overlay_sign_in_content .new-members.welcomeback a{display:block;float:left}
#overlay_sign_in_content .new-members.welcomeback a.keep_wishlist {
    background:none;
    border:none;
    color:#0066CC;}
#overlay_sign_in_content .new-members.welcomeback a.start_trial{margin-right:20px;}

/*  Recommend overlay */

.recommend {
    width: 725px;
}

.recommend .content {
    width:708px;
    height:437px;
    overflow:auto;
    padding-right:0;
    padding-bottom:0;
}

.recommend .cover_image {
    float:left;
    margin:3px 0 0 3px;
    display:inline;
}

.recommend .recommend_content {
    float:left;
    color:#333;
    width:535px;
}

.recommend .recommend_content h2 {
    font-size:1.4em;
    margin:0;
    padding:0 0 8px 20px;
}

.recommend .rating {
    background:#a8a8a8;
    color:#fff;
    padding:5px 0 6px 20px;
}

.recommend form {
    margin:0;
    padding:0;
}

.recommend .recommend_friends {
    border:1px solid #ccc;
    margin:14px 0 17px 20px;
    padding: 0 0 10px 0;
}

.recommend .recommend_friends h3 {
    margin:0;
    background:#ddd;
    font-size:1em;
    padding:8px 5px 5px 10px;
}

.recommend .recommend_friends table {
    margin:0;
    padding:0;
}

.recommend .recommend_friends table th {
    font-weight:normal;
    font-size:0.9em;
}

.recommend .recommend_friends table .col1 {
    width:196px;
    padding:0 0 0 9px;
}

.recommend .recommend_friends table .col2 {
    width:308px;
}

.recommend .recommend_friends table td.col1, .recommend .recommend_friends table td.col2 {
    padding-top:5px;
    padding-bottom:5px;
}

.recommend .recommend_friends table tr.odd td {
    background:#ebedec;
}

.recommend .recommend_friends table th {
    padding-top:5px;
    padding-left:2px;
}

.recommend .recommend_friends table th.col1 {
    padding-top:5px;
    padding-left:11px;
}

.recommend .recommend_friends table .formText {
    border:1px solid #668eb1;
    padding:3px 2px 5px;
    width:175px;
}

.recommend .recommend_friends table .col2 .formText {
    width:286px;
}

.recommend #addFriends {
    display:block;
    float:right;
    display:inline;
    margin:0 19px 0 0;
    padding:2px 0 5px 27px;
    font-weight:bold;
    outline:none;
    background:url(/lovefilm/images/product/btn-add.gif) no-repeat 0 0;
}

.recommend .recommend_friends label {
    font-weight:bold;
    float:left;
    padding:12px 0 4px 12px;
    width:auto;
    text-align:left;
    margin:0;
}

.recommend .recommend_friends textarea {
    width:482px;
    height:116px;
    border:1px solid #668eb1;
    padding:2px;
    clear:both;
    display:block;
    margin:0 0 0 9px;
    font-family:Arial,Helvetica,sans-serif;
    color:#333;
    font-size:1em;
}

.recommend #btnSubmit {
    color:#fff;
    font-weight:bold;
    border:1px solid #0a61be;
    background: #086dd6 url(/lovefilm/images/product/blue-btn-bg.png) repeat-x 0 center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float:right;
    margin:10px 16px 0 0;
    padding:1px 12px 4px;
}

/*  Account Preferences - Communication */
#bodycopy h1.communication_heading {margin:0;padding:0;}
#bodycopy p.message {
    background: #B7B7FF;
    border:1px solid #8886B8;
    font-size:12px;
    font-weight:bold;
    margin:5px 0;
    padding: 10px 0 10px 10px;}
    
#bodycopy td.selected_partners {padding-left:8px;}
#bodycopy td.selected_partners input{margin-left:20px;}

.payment .row.email_pref{margin:0;padding:0 0 0 160px;width:400px;}
.payment .row.email_pref div{margin:0;padding:0;}
.payment .row.email_pref input{margin:0;width:auto;}
.payment .row.email_pref label{margin:0 0 0 5px;padding-top:5px;text-align:left;width:345px;}
.payment .row.email_pref p{margin:10px 0;}


p input#nl_submit {
    padding: 7px 15px 8px 15px;
    color: #FFF;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left:172px;
}

.bgWhite{
    background-color:#ffffff;
}



/*--------- AUTOCOMPLETE STYLES ------------*/
#autoComplete {
    border:1px solid #ccc;
    width:239px;
    position: absolute;
    display: none;
    z-index:999;
    background-color:#fff;
}
#autoComplete ul {
    margin:0;
    padding:8px 0; /*5px 10px 18px;*/
    list-style:none;
}

#autoComplete li {
    margin:0;
    padding:5px 10px 5px 18px;
    list-style:none;
    cursor:pointer;
    font-size:1.11em;
}
#autoComplete li,
#autoComplete li a {
    color:#000;
}
#autoComplete li.hover {
    background-color:#3366cc;
}
#autoComplete li strong,
#autoComplete li a strong {
    color:#3366cc;
}
#autoComplete li.hover,
#autoComplete li.hover a,
#autoComplete li.hover strong,
#autoComplete li.hover span {
    color:#FFFFFF;
}
#autoComplete li span {
    color:#666;
}

/*--------- CMS ------------*/
.error_not_activated {
background-color: #fcf304;
color: #FF0000;
font-weight: bold;
}