﻿/* ----------------------------------------------------------- 
	1. SETUP 
----------------------------------------------------------- */


html 
{
 background: #000 
}

body
{
   
    background-position: center top;
    text-align: left;
    width: 100%;
    background: #000 url('images/Page_bg.jpg') no-repeat center top;
    color: #CCCCCC;
}

h1
{
    color: #0098d6;
    font-size: 1.25em;
}

h2
{
    color: #0098d6;
}

/* ----------------------------------------------------------- 
	2. LAYOUT 
----------------------------------------------------------- */
#tbbwrap {
    background-position: center top;
    text-align: left;
    width: 100%;
    background: #000 url('images/Page_bg.jpg') no-repeat center top;
    color: #CCCCCC;
}

#wrapper {
	width: 902px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#tbbheader
{
    position:relative;
    background-position: 0px 20px;
    width: 902px;
    height: 120px;
    background-image: url('images/header.png');
    background-repeat: no-repeat;
}

.samlink
{
 position:absolute;
 width:155px;
 height:55px;
 top:10px;
 left:0px;  
}


#primarynav
{
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 70px;
}

#maintitle
{
    position:relative;
}

#callout
{
    position: absolute;
    width: 225px;
    height: 120px;
    top: 0px;
    right: -40px;
}

#callout2
{
    position: absolute;
    width: 225px;
    height: 120px;
    top: -25px;
    right: -80px;
}

#heroholder
{
 position:relative;
    
}
.p4600title
{
    position:absolute;
    right:400px;
    top:-15px;
}

.menu
{
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 640px;
    height: 50px;
}

.mtab1
{
    background-image: url('images/menu_meet.gif');
}

.mtab2
{
    background-image: url('images/menu_trailers.gif');
}

.mtab3
{
    background-image: url('images/menu_starin.gif');
}

.mtab4
{
    background-image: url('images/menu_comp.gif');
}

.mtab5
{
    background-image: url('images/menu_offer.gif');
}

.mover
{
    background-position: 0px -50px;
}

.msel
{
    background-position: 0px -100px;
}

.indent4
{
    margin-left:-4px;
}

.in4
{
    padding-left:20px;
}

.inleft5
{
    padding-left: 23px;    
    
}

.inabit
{
  margin-left:2px;
}

#castsubs
{
 width:302px;   
}

.castbuy
{
    background-image: url('images/featurebuttons.gif');
    background-position: 0px 0px;
    width:302px;
    height:38px;
}

.castcritic
{
    background-image: url('images/featurebuttons.gif');
    background-position: 0px -38px;
    width:302px;
    height:38px;
}

.casteducate
{
    background-image: url('images/featurebuttons.gif');
    background-position: 0px -76px;
    width:302px;
    height:38px;
}

.trailerimg
{
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
.overviewtitle
{
    background-image: url('images/h1-overview.gif');
    background-position: 0px 0px;
    width:582px;
    height:38px;
}

.productfeature
{
    background-image: url('images/h1-features.gif');
    width: 350px;
    height: 30px;
    margin-top: 10px;
}

.overview
{
    width: 539px;
    background-color: #101010;
    padding: 20px 20px 20px 22px;
}

#compback
{
    background-image: url('images/compback.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 450px;
}

#newcompback
{
    background-image: url('images/comp_back.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 275px;
    padding-top: 250px;
}

.complinkbutton
{
    position: absolute;
    top: 365px;
    left: 520px;
}
.complinkhere
{
 position:absolute;
 top:505px;
 left:395px;   
}


#tradeintro
{
    position:relative;
    background-image: url('images/retailer_intro_back.jpg');
    background-repeat: no-repeat;
    width: 900px;
    height: 565px;
}

#tradethanks
{
    width: 100%;
    font-size: 120%;
    text-align: center;
}

#tradeinput
{
    position:relative;
    background-image: url('images/retailer_input_back.jpg');
    background-repeat: no-repeat;
    width: 900px;
    height: 625px;
}

#nosignal
{
    background-image: url('images/nosignal.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 275px;
    padding-top: 250px;
}


.radsection
{
    white-space: normal;
}


.radsection ul
{
    list-style: none;
    margin: 0 0 0 0;
    padding-left: 0;
}

.radsection ul li
{
    padding: 0px;
    list-style: none;
    margin: 0 0 0 0;
    background: none;
    line-height: 100%;
    font-size: 100%;
    list-style-image: none;
}

.radsection ol {list-style: none;
}

.radsection ol li
{
    list-style: none;
    list-style-position: inside;
    line-height: 100%;
    font-size: 100%;
}

#socialmain
{
    background-image: url('images/social_back.jpg');
    background-repeat: no-repeat;
    width: 545px;
    padding-top: 325px;
    padding-left: 2px;
    padding-right: 33px;
    height: 175px;
    float:left;
}
#socialinput
{
    float:left;
    width: 320px;
}

#pops
{
    
}

#poptitle
{
    
}

#titleflash
{
    padding: 0px;
    margin: 0px;
    float: left;
}

#tbbhome
{
    width:900px;
    text-align:center;
}

.clearit
{
  clear: both;  
}

.ftab
{
    width: 115px;
    min-width: 115px;
    color: #0098d6;
    float:left;
    
}

.sftab
{
    width: 75px;
    min-width: 75px;
    color: #0098d6;
    float:left;
    
}


.movietitle
{
    width: 165px;
    min-width: 155px;
    color: #0098d6;
    text-align: center;
    height: 35px;
    font-size: 90%;
}

.blueslide
{
    padding: 0px;
    color: #0098d6;
    width: 100%;
    text-align: center;
}

.cbblue
{
    padding: 0px;
    margin: 0px;
    color: #0098d6;
}

.casttip
{
    padding: 0px;
    margin: 0px;
    color: #0098d6;
    font-size: 80%;
}

.bluline
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #4391a7;
}


#maincontent
{
    padding: 0px;
    margin: 0px;
    text-align: left;
}

#maincontent a:link, #maincontent a:visited
{
    text-decoration: none;
    color: #0098d6;
}

#maincontent a:hover, #maincontent a:active
{
    text-decoration: none;
    color: #ffffff;
}

#leftcol
{
    width: 48%;
    float: left;
    padding-right: 10px;
}

#rightcol
{
width: 48%;
float: left;
padding-left: 10px;
}

#left40
{
    padding-left:3px;
    padding-right:30px;
    width: 317px;
    float: left;
}

#right60
{
    float: left;
}


#left66
{
width: 66%;
float: left;
}

#right33
{
width: 33%;
float: left;
}

#left33
{
width: 33%;
float: left;
}

#right66
{
width: 66%;
float: left;
}

#left200
{
width: 200px;
float: left;
}

#right700
{
width: 685px;
float: left;
padding-left:15px;
}

#leftreview
{
width: 350px;
float: left;
    
}

#rightreview
{
width: 550px;
float: left;
    
}
#leftpreviewtop
{
    width: 750px;
    float: left;
    margin-left: -10px;
}

#rightpreviewtop
{
    width: 220px;
    float: right;
}


#leftpreview
{
    width: 250px;
    float: left;
    margin-left: -5px;
}

#rightpreview
{
    float: left;
    padding-left: 20px;
}

.synopsis
{
    width: 220px;
    background-color: #101010;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.synopsisright
{
    width: 590px;
    background-color: #101010;
    padding-left: 15px;
    padding-right: 20px;
    margin-bottom: 10px;
}


.h1synopsis
{
    width:625px;
    height:35px;
    background-image: url('images/h1-synopsis-625.gif');
    background-repeat: no-repeat;
    margin-left:-15px;
    margin-top: 5px;
}


.h1filmreview
{
    background-image: url('images/h1-review-left.gif');
    background-repeat: no-repeat;
    margin-left:-15px;
    margin-top: 5px;
    padding-top: 8px;
    padding-left: 15px;
    width:285px;
    height:30px;}



.h1postreview
{
    background-image: url('images/h1-postreview.gif');
    background-repeat: no-repeat;
    margin-left:-15px;
    margin-top: 5px;
    padding-top: 8px;
    padding-left: 15px;
    width:285px;
    height:30px;
}

.criticreview
{
    background-image: url('images/h1-review.gif');
    background-position: 0px 0px;
    width:542px;
    height:33px;
}

.criticlist
{
    width: 509px;
    background-color: #101010;
    padding-top:15px;
    padding-left: 23px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.filmreview
{
    width: 585px;
    background-color: #101010;
    padding-left: 25px;
    padding-right: 15px;
    margin-bottom: 10px;
}


.revlinkfeatures
{
    background-image: url('images/criticbuttons.gif');
    background-position: 0px 0px;
    width:300px;
    height:39px;
}


.revlinkbuy
{
    background-image: url('images/criticbuttons.gif');
    background-position: 0px -39px;
    width:300px;
    height:39px;
}

.revlinkeducate
{
    background-image: url('images/criticbuttons.gif');
    background-position: 0px -78px;
    width:300px;
    height:39px;
}



.left50
{
width: 50%;
float: left;
}

.right50
{
width: 50%;
float: left;
}

.uploader ul, .uploader li
{
    list-style-type: none;
}

.picholder
{
    padding: 5px;
    display: inline;
    float: left;
}


#maincenter
{
    width: 640px;
    margin-right: auto;
    margin-left: auto;
}

.left130
{
float: left; 
width: 130px; 
}

.fleft
{
    float: left;
    display: inline;
}

.nopadding
{
    padding: 0px;
    margin: 0px;
}

.casttitle
{
font-size: 1.35em;
/*color: #0098d6;  */
/*color: #FFFFFF;  */
text-transform: uppercase; 
padding-top:15px;    
}

.flashcontainer
{
    border:none;
}

.edutitle
{
font-size: 1.0em; 
color: #0098d6; 
text-transform: uppercase; 
font-weight: bold; 
padding-top: 15px;    
}

.critictitle
{
font-size: 1.0em; 
color: #ffffff; 
text-transform: uppercase; 
font-weight: bold; 
padding-top: 15px;    
}

#castgallery
{
    width: 900px;
    height: 175px;
}

#thecast
{
    overflow: hidden;
    height: 175px;
    vertical-align: bottom;
    position:relative;
}

.castimg
{
    color: #00b6ff;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.1em;    
}


#castlist
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #00b6ff;
    padding-top: 5px;
    margin-bottom: 50px;
    width: 100%;
    padding-left: 2px;
}


#castscroller
{
 width:900px;
 height:30px;
 margin-top:10px;   
    
}

.cright 
{
    padding-top:10px;
    font-size: 70%;
    float:left;
}

.imgpad
{
    float:left;
    margin-right:5px;
}


#tbbfooter
{
    position:relative;
    width: 902px;
    height: 185px;
    margin: 30px 0 0 0;
    padding: 0;
    background-image: url('images/bg-footer.jpg');
    background-repeat: no-repeat;
    clear: both;
}

.samcopy
{
    position:absolute;
    top:0px;
    left:0px;
    font-size: 70%;
    padding-top:26px;
    padding-left:3px;
}

#tbbfooter a:link, #footer a:visited
{
    text-decoration: none;
    font-size: 85%;
    color: #EBEBEB;
}

#tbbfooter a:hover, #footer a:active
{
    text-decoration: underline;
    font-size: 85%;
    color: #4e95c9;
}

#tbbfooter ul
{
	list-style-type: none;
}

#footertandc
{
    font-size: 80%;
    padding-top: 25px;
    text-align: right;
    margin-bottom: 50px;
}

#footertandc a:link, a:visited, a:hover, a:active
{
}


#footersocial
{
    text-align: left;
    float: left;
    font-size: 80%;
}

#footersocial ul
{
	list-style-type: none;
}

#footerstf
{
   float: right;  
   text-align: right;
}
/* ----------------------------------------------------------- 
	3. UNIVERSAL STYLES
----------------------------------------------------------- */

.rating-off
{
    background-image: url('images/rating-off.png');
    width:25px;
    height: 25px;
}

.rating-half
{
    background-image: url('images/rating-half.png');
    width:25px;
    height: 25px;
}

.rating-full
{
    background-image: url('images/rating-full.png');
    width:25px;
    height: 25px;
}


.fadebutton
{
    border-style: none;
    border-width: 0px;
    background-image: url('images/btn_back.gif');
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}
#headwrap { width:980px; padding:0 11px 0 10px; _padding:0 10px 0 11px; voice-family:"\"}\""; voice-family:inherit; width:960px; margin:0 auto 0 auto; text-align:left; }
#footwrap { width:980px; padding:0 11px 0 10px; _padding:0 10px 0 11px; voice-family:"\"}\""; voice-family:inherit; width:960px; margin:0 auto 0 auto; text-align:left;}
#samhead {background:url(http://www.samsung.com/uk/images/public/bg_header.gif) repeat-x;}
