* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
}

body, html {
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background-color: #000000; 
text-align: center; /*** Centers the design in old IE versions ***/
}

body {
font-size: 70%;
}

p {
padding: 7px 0 7px 0;
font-size: 12px;
}

a {
color: #33A1C9;
text-decoration: none;
}

a:visited {
color: #33A1C9;
text-decoration: none;
}

a:hover{
color: #73B1B7;
text-decoration: underline;
}

hr.hr4 {
border-top: 1px dashed #00009C;
border-bottom: 1px solid #00009C;
color: #000000;
background-color: #000000;
height: 6px;
margin-top: 2px;
margin-bottom: 2px;
}

.clear { clear: both; }
#mainContainer {
width: 760px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
background: #000000;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

ul {
list-style-position:inside;
}
/**************************
HEADER
**************************/
#header {
background: #000000;
padding: 10px; /*top right bottom left*/
margin-left: 212px;
width: 520px;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin-top: -5px; /*** Make som space for our top menu ***/
padding-left: 165px;
width: 555px;
}

* html .outer {
/*** No need for hacking IE on this layout ***/
}

.inner {
width: 535px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html .inner {
width: 100%;
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

.float-wrap {
float: left;
width: 760px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}

* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

#content {
float: right;
width: 560px;
min-height: 730px;
background-image: url('images/dvdbg.jpg');
background-attachment: fixed;
}

#content .home-heading {
float: left;
text-align: left;
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #E0EEEE;
background-color: transparent;
border-right: 2px solid #3333FF;
border-bottom: 2px solid #3333FF;
text-transform: lowercase;
width: 100%;
overflow: auto;
}

#content .heading-title {
float: left;
text-align: left;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #E0EEEE;
background-color: #000000;
border-right: 1px solid #3333FF;
border-bottom: 1px solid #3333FF;
text-transform: uppercase;
width: 100%;
overflow: auto;
}

#content .home-box {
float:left;
padding-top: 10px;
padding-bottom: 8px;
text-align: center;
color: white;
font-size: 10px;
margin-left: 0px;
width: 560px;
}

#content .home-box2 {
float: left;
padding-top: 10px;
padding-bottom: 8px;
text-align: left;
color: white;
font-size: 10px;
margin-left: 0px;
width: 560px;
}

.home-box2 A:link {text-decoration: none}
.home-box2 A:visited {text-decoration: none}
.home-box2 A:active {text-decoration: none}
.home-box2 A:hover {text-decoration: underline overline}

#content .home-box3 {
float:left;
padding-top: 10px;
padding-bottom: 8px;
text-align: left;
color: white;
font-size: 14px;
margin-left: 0px;
width: 560px;
}

#content .u-picture {
vertical-align: top;
width: 225px;
}

#content .u-text {
vertical-align: top;
font-size: 11px;
width: 325px;
}

#content .mtitle {
font-size: 15px;
font-weight: bold;
width: 100%;
}

img.dvdschedule {

}

img.inframe {
border: inset 3px #00009C;
}

img.inframe2 {
border: inset 2px #616161;
}

img.inframe3 {
border: double 5px #388E8E;
}

img.inframe4 {
border: dashed 2px #3B3178;
padding: 2px;
}

.frameborder {
border: solid 2px #616161;
}

* html #content {
position: relative; /*** IE needs this  ***/
}

.contentWrap {
padding: 10px;
width: 100%;
}

.review-image {
border: 1px solid #ff0000;
}

.review {
FONT-SIZE: 11pt;
COLOR: #E0E0E0;
MARGIN-TOP: 0;
TEXT-ALIGN: JUSTIFY;
}

.earlyreview {
text-decoration: underline overline;
color: #FFFF00;
}

.earlyreview-sm {
font-size: 8pt;
text-transform: uppercase;
text-decoration: underline overline;
color: #FFFF00;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
position: absolute;
width: 200px;
background: #000000; 
min-height: 800px;
padding: 5px;

margin-top: -55px;
}

* html #left {
position: relative; /*** IE needs this  ***/
height: 250px;
}

#left h2 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
font-weight: bold; 
color: #0000FF;
padding-top: 8px;
padding-bottom: 4px;
border-bottom: 2px dotted #3333FF;
}

#left h3 { 
float: left;
text-align: left;
font-size: 8pt;
font-family: Verdana, "Times New Roman", Times, serif;
font-weight: bolder;
color: #FFFFFF;
background-color: #737373;
text-transform: uppercase;
/* border-bottom: 2px dotted blue; */
padding: 3px 0 3px 0px;
width: 100%;
overflow: auto;
}

#left .bd {
color: #0000FF;
}

#left .reviews {
font-size: 10pt;
font-family: "Times New Roman";
color: white;
}

.copyright {
color: white;
font-weight: bold;
text-align: center;
}

/*************************
RIGHT COLUMN
**************************/
#right {
margin: -50px 0 0 -760px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 750px;
background: #000000;
padding: 5px;
height: 40px;
}

* html #right {
position: relative; /*** IE needs this  ***/
}

#right ul {
list-style: none;
}

#right li {
display: inline;
padding-right: 15px;
}

/**************************
FOOTER
**************************/
#footer {
width: 760px;
color: #38B0DE;
font-weight: bold;
margin: 0 auto;
padding-top: 10px;
text-align: center;
background-color: #000000;
border-top: 1px solid #3333FF;
}



/**************************
REVIEWS SECTION
**************************/
.review-heading {
float: left;
text-align: left;
font-size: 10pt;
font-family: Verdana, "Times New Roman", Times, serif;
font-weight: bolder;
color: #FFFACD;
background-color: transparent;
border: 2pt double #302B54;
text-transform: uppercase;
padding: 5px 0 5px 5px;
width: 100%;
overflow: auto;
}

td.otherinfo {
font-family: verdana, "times new roman";
font-size: 10pt;
text-align: left;
color: white;
margin-top: 0;
}

td.otherinfo2 {
font-family: verdana, "times new roman";
font-size: 8pt;
text-align: left;
color: white;
margin-top: 0;
}

.criticsection {
color: #D4D4D4;
}

.reviewtext {
FONT-SIZE: 10pt;
COLOR: #FFFFFF;
MARGIN-TOP: 0;
TEXT-ALIGN: JUSTIFY;
}

.crewinfo {
font-size: 12px;
color: #FFFFFF;
}



/**************************
DVD SCHEDULE
**************************/
.other {
font-size: 8pt;
color: #FFFFFF;
}

td.toppers_dvd {
float: left;
text-align: center;
font-size: 18px;
font-family: Verdana, "Times New Roman", Times, serif;
font-weight: bold;
color: #E0EEEE;
background-color: transparent;
/** border-right: 1px solid #3333FF;
border-bottom: 1px solid #3333FF; **/
text-transform: uppercase;
width: 100%;
overflow: auto;
}

td.dvd_artwork
{
width: 98%;
background-color: transparent;
font-size: 10pt;
color: white;
text-align: CENTER;
padding-top: 10px;
padding-bottom: 10px;
}

td.description_dvd {
font-family: verdana;
font-size: 13px;
width: 98%;
color: #B3B3B3;
}

.dvds {
width: 100%;
border: 1px solid #4F4F4F;
}

td.movietitle_dvd {
font-weight: bolder;
width: 55%;
color: #FFFFFF;
font-size: 11px;
}

td.movieyear_dvd {
font-family: "times new roman";
width: 10%;
color: #FFFFFF;
font-size: 10px;
text-align: center;
}

td.moviegenre_dvd {
font-family: "times new roman";
width: 25%;
color: #FFFFFF;
font-size: 10px;
}

td.buyit_dvd {
width: 10%;
color: #FFFFFF;
text-align: center;
}

td.head_dvd {
font-family: "times new roman";
color: #FFFFFF;
font-size: 10px;
text-align: center;
}

td.head_dvd2 {
font-family: "times new roman";
color: #FFFFFF;
font-size: 14px;
text-align: center;
border: 0px;
}



/**************************
LINKS PAGE
**************************/
.head {
text-align: left;
font-size: 12px;
text-transform: uppercase;
text-decoration: underline;
width: 100%;
height: 30px;
color: #828282
}

.site {
text-align: left;
font-size: 10px;
font-weight: bold;
color: #1E6254
}

.link {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #1E6254
}



/**************************
REVIEW INDEX PAGE
**************************/
.rindex-link
{
   FONT-SIZE: 9pt;
   WIDTH: 43%;
   BORDER: 1px solid gray;
}

.rindex-critic
{
   FONT-SIZE: 9pt;
   FONT-WEIGHT: bold;
   WIDTH: 25%;
   BORDER: 1px solid gray;
}

.rindex-posted
{
   FONT-SIZE: 9pt;
   TEXT-ALIGN: center;
   WIDTH: 15%;
   BORDER: 1px solid gray;
}

.rindex-year
{
   FONT-SIZE: 9pt;
   TEXT-ALIGN: center;
   WIDTH: 5%;
   BORDER: 1px solid gray;
}

.rindex-rating
{
   WIDTH: 15%;
   TEXT-ALIGN: center;
   BORDER: 1px solid gray;
}




/**************************
CONTESTS
**************************/
.contest_heading
{
   FONT-SIZE: 15pt;
   FONT-WEIGHT: bold;
   TEXT-ALIGN: center;
}

.contest_text
{
   FONT-SIZE: 10pt;
   TEXT-ALIGN: justify;
}



/**************************
REVIEWS BY STUDIOS
**************************/
td.list
{
font-family: verdana;
font-size: 8pt;
width: 100%;
}

td.dvdcover
{
width: 20%;
}

td.info
{
font-family: verdana;
font-size: 9pt;
width: 80%;
}



/**************************
THEATRICAL RELEASE SCHEDULE
**************************/
.date {text-align:center; font-size:12px; text-transform:uppercase; width:100%; height:30px; color:#E8E8E8}
.movie {text-align:left; font-size:10pt; font-weight: bold; color:#FFFFFF; font-family: verdana}
.movie-unknown {text-align:center; font-size:9pt; color:#FFFFFF; font-family: verdana}
.nomovie {text-align:center; font-size:12pt; color:#2E0854}
.wider {text-align:left; font-size:10pt; font-weight: bold; color:#00EE76}
.limited {text-align:left; font-size:8pt; color:#FFFFFF; font-family: verdana; font-style: italic}
.separator {color:#D9D9D9}
.separator-date {color:#BFEFFF}

td.column_dvd {
   WIDTH: 68%
}

/**************************
SPECIAL FEATURES
**************************/

.sf-heading {
float: left;
text-align: left;
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #E0EEEE;
background-color: transparent;
border-right: 2px solid #3333FF;
border-bottom: 2px solid #3333FF;
width: 100%;
overflow: auto;
}

.summer08-title {
font-size: x-large;
font-weight: bold;
text-transform: uppercase;
}

.summer08-title-sm {
font-size: large;
font-weight: bold;
text-transform: uppercase;
}

.summer08-castcrew {
font-size: x-small;
}

.summer08-info {
font-size: small;
font-weight: bolder;
color: #CCCCCC;
}

.summer08-plot {
font-size: 11px;
color: #FFFFFF;
}

.summer08-comments {
font-size: 14px;
color: #FFFFCC;
}

.summer08-comments2 {
font-size: 11px;
color: #FFFFCC;
}

.summer08-otherreleases {
font-size: 18px;
text-align: center;
color: #FFFCCF;
}

hr.hr5 {
border-top: 1px dashed #969696;
border-bottom: 1px dashed #969696;
color: #000000;
background-color: #000000;
height: 6px;
margin-top: 2px;
margin-bottom: 20px;
}

img.inframe5 {
border: dotted 3px #5DFC0A;
padding: 2px;
}