/* --- LAYOUT CSS --- */

/*==========================================
 *     BLOCKS
 *==========================================*/

body {background:#fff}
body {text-align:center;} /* IE 5.5 */

/* Homepage */
#block_1, #block_2, #block_3 {float:left;}
#block_1 {width:140px; background:greend;}
#block_2 {width:710px; border-right: 1px solid #666666; background:redx; _margin-top:-10px !important;}
#block_3 {width:110px; background:bluex;}

/* login/register */

#block_7, #block_8 {float:left;}
#block_7 {width:160px;}
#block_8 {width:800px;}

#block_10 {float: left; width: 640px; margin: 7px 0 10px 0; padding: 0 10px;} 
#block_30 {float: left; width: 660px; margin: 7px 0 10px 0;} 
#block_20 {float: left; width: 300px; margin: 7px 0 0 20px;}

/*==========================================
 *     TOP BOXES
 *==========================================*/

a:hover .keybox {background: #016C72 url('/other_files/thefix-2/green-triangle.gif') left no-repeat; background-position:  9px bottom;
width: 215px; height: auto; padding: 23px 0px; float: left; text-align: center; margin: 0 0 16px 0; text-decoration: none;}
.keybox {background: #231F20 url('/other_files/thefix-2/blue-triangle.gif') left no-repeat; background-position:  9px bottom;
width: 215px; height: auto; padding: 23px 0px; float: left; text-align: center; margin: 0 0 16px 0;}
.beta , a:hover .beta {margin: 0 7px;}
.keybox h2 {font-size: 135%; color:#FFF; font-weight: bold;}
.keybox h2 span.yellow-light {color:#FEFF41; display: block; clear: both;}


/*==========================================
 *     ELEMENTS
 *==========================================*/

#outerwrapper {
width:980px;
margin:0 auto;
}

#wrapper {
width: 980px;
margin:auto;
text-align:left;
position: relative;
z-index:5;

}

#login-reg
{position: relative;
z-index:10;}

body #wrapper {
background: #fff;
}

#wrapper {
float: left;
float/**/: none;
}

#wrapper:after {
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

#wrapper {display:inline-block;}

/*\*/

#wrapper {display:block;}
#footer {clear:both;}
#header, #footer {width:930px;}

#wrappertop {
margin:0 auto;
padding:0;
width:980px;
height:15px;
background:#fff;
}

#logobar .content {
margin:0 20px;
padding:10px 0 0 0;
background:#fff;
border:0px solid green;
}

#logobar-right {
float:right;
text-align:center;
}

.item-display {
padding: 0 0 10px 0;
}


/*==========================================
 *     BLOCK CONTENT
 *==========================================*/

/* --- HOMEPAGE --- */

#block_1 .content {
padding:0;
margin:0px 0px 0px 20px;
border-top:1px solid #fff;
}

#block_4 .content {
padding:0;
margin:0px 0px 0px 20px;
border-top:1px solid #fff;
}

#block_2 .content {
padding:0px 10px 0 20px;
margin:0px 0px 0px 0px;
border-top:1px solid #fff;
}

#block_3 .content {
padding:0;
margin:0px 0px 0px 10px;
border-top:1px solid #fff;
}

/* --- FOOTER --- */

#footer {
width:980px;
padding-top:1px;
background:#fff;
}

#footer .content {
padding:0 0 4px 0;
margin:0 20px;
border-top:1px solid;
font-size:77%;
}

#footer ul {padding: 3px;}

/* --- THEATREFIX FOOT --- */

#wrapperbot {
height:90px;
margin:10px 0 20px 0;
padding:0;
text-align:center;
background:#fff;
background-position:140px 0;
}

/* --- THEATREFIX HOME TABLE --- */

#lalthm td {padding: 5px 10px;}
#lalthm {background:#414141; margin:0px 0 5px 0; border: 1px solid #7D787B; width: 680px;}
#lalthm p {color:#000}
#lalthm h3 {background:#60DBD6; padding:2px 10px 2px 10px; margin: 0 -10px; 20px -10px;}

/* --- THEATREFIX BOXED AREA --- */

.contained {background:#414141; padding: 10px; border: 1px solid #7D787B; width: 640px; margin: 0 0 10px 0;}

/*==========================================
 *     iFRAMES - login/register
 *==========================================*/

iframe.login {
width:580px;
height:1070px;
background-color:#ff000;
overflow:hidden;
overflow:auto;
margin-left: 75px;
}

iframe.register {
width:580px;
overflow:auto;
background-color:#ff000;
overflow-x:hidden;
height:1070px;
margin-left: 75px;
}

#tfpromo {margin:-10px 0 0 0; background-color: #fff; padding:7px 10px 5px 10px;}
#tfpromo p {color:#000;}

/*==========================================
 *     homepage
 *==========================================*/

hr {color:#414141;}

#theatrefixaccess td {padding: 5px 0 0 0; border-bottom: 1px solid #414141;}
.itemDisplay {margin: 0 0 5px 0;}
.portlet-wrapper vyre_portlets_PageContent {margin-bottom: 10px;}

/*video player page*/

#block_10 .content .internalpromo {margin: 0 0 0 170px; background-color:#FFFFFF; padding:10px; z-index:-120; width:300px; border: 1px solid #666666;}

t247PlayerContent { z-index:-100;}

.imgPreview {padding: 2px 10px 2px 10px;}


/*==========================================
 *     Rightcol REG
 *==========================================*/

#fix-reg {border: 3px solid #026D77; background:#D4EDF1;}
#block_20 .content ul {margin: 0 25px; list-style-type: disc; color: #FFDF09; padding: 0; font-face: arial,san-serif;}
#block_20 .content li {font-size: 130%; padding: 0 0 2px 0; line-height: 1.4; font-weight: 700;}
#block_20 .content p {margin: 0 55px 10px 55px; color: #006C7B; font-size: 100%; padding: 0; line-height: 1.2; font-weight: 700;}
.benefit {color:#026D77;}

#reg-head {padding: 8px 0; width: 300px; text-align: center;}
#reg-button {padding: 6px 0 8px 0; width: 300px; text-align: center;}


/*==========================================
 *     Social Area
 *==========================================*/

#social-area {text-align: center; padding: 8px 0;}
#in-touch {text-align: left;}

#block_20 .content #social-area ul {list-style-type: none; padding: 8px 0 0 0; margin: 0; height: 100px;}
#block_20 .content #social-area li {display: inline-block; width: 144px; clear: none; float: left; padding: 0; margin: 0;}

#block_20 .content #social-area li.une {margin: 0 12px 0 0;}
#block_20 .content #social-area li.trois {margin: 8px 0 0 78px;}

/*==========================================
 *     3/1 shows
 *==========================================*/

#offers-head {width: 651px; display: block; float: left; clear: both; padding: 6px 4px;  background: #1E8EA6;}

#offers-head h2 {font-size: 140%; color: #FFF; padding: 0; font-weight: 600;}

.one {width: 631px; border:1px solid #1E8EA6; display: block; float: left; clear: both; padding: 9px 13px; margin-bottom: 20px;}
.two , .three , .four {width: 160px; float: left; clear: none; text-align: center;}

.one img {float: left; clear: none;}

.onewrap {display: block; float: left; width: 454px;}

.item-wrap {padding: 0 38px 0 38px; float: left; clear: none; display: block; margin: 25px 0 0 0; border-right: 2px solid #E2E2E2; border-left: 2px solid #E2E2E2; }
.item-wrap-left {padding: 0 35px 0 15px; float: left; clear: none; display: block; margin: 25px 0 0 0;}
.item-wrap-right {padding: 0 15px 0 35px; float: left; clear: none; display: block; margin: 25px 0 0 0;}

.itembox img {margin-bottom: 8px;}
.item-wrap h4 {font-size: 110% line-height:1.2;}

.item-hyper {width: 100%; display: block; float: left; clear: both; text-align: right;}

/*==========================================
 *     ABOUT SOLT
 *==========================================*/
#block_20 p.soltinfo {
font-weight: 200; color:#000;
margin:0;
padding: 18px 85px 10px 0;
font-size:80%;
background:url(/other_files/gilt/soltinfo.gif) top right no-repeat;
background-position:222px 18px;
line-height:115%;
height: 120px;
}