html, body {
    height: 100%;
}
body {
    background: #343331 url(images/gradient.jpg) repeat-x;
    font-family: Arial, Helvetica, Verdana,  sans-serif; 
    font-size: 13px; 
    font-weight: normal;
    color: white;
    margin: 0; 
    padding: 0; 
    text-align: center;
}
td {
    font-family: Arial, Helvetica, Verdana,  sans-serif; 
    font-size: 13px; 
    font-weight: normal;
    color: white;
}
/* layout */
#page {
    position:relative;
    margin-left: auto;
    margin-right: auto;
    width: 702px;
    height:auto !important; 
    height:100%;
    min-height:100%;
    background: black;
    text-align: left;
    border-left: 1px solid #575757;
    border-right: 1px solid #575757;
}
html>body #page { width: 700px; }

#header1 {
    height: 115px;
    background: url(images/header1.jpg) no-repeat;
}
#header2 {
    height: 115px;
    background: url(images/header2.jpg) no-repeat;
}
#menu1 {
    height: 33px;
    background: url(images/menubg1.jpg) no-repeat;
}
#menu2 {
    height: 33px;
    background: url(images/menubg2.jpg) no-repeat;
}
#content {
    padding: 26px;
    padding-top: 12px;
    width: auto;
}
#footer {
    height: 24px;
    width: 100%;
    position:absolute;
    bottom: 0;
    background: url(images/footer.jpg) no-repeat;
}
#corner {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* menu */
#menu1 ul, #menu2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu1 ul li, #menu2 ul li {
    float: left;
    border: 0;
}

/* content */
img.title {
    margin-bottom: 3px;
}
a img {
    border: 0;
}

#poster {
    float: left;
    width: 224px;
}
#news {
    float: right;
    width: 418px;
}
.box, .mbox, .obox {
    background: #171613 url(images/box.jpg) repeat-x;
    border-bottom-color: #181615;
    border-right-color: #181615;
    border-top-color: #3D3D3D;
    border-left-color: #3D3D3D;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    margin-bottom: 5px;
}
.mbox {
    background: #171613 url(images/mbox.jpg) repeat-x;
}
.obox {
    background-image: none;
}
.box {
    height: 209px;
}
html>body .box { height: 187px; }

#moodcompany {
    width: 418px;
    height: 17px;
    position: relative;
    top: -22px;
    background: red url(images/moodcompany.gif);
    margin-bottom: -17px;    
}

.formbox {
    background: url(images/hqdbg.jpg) no-repeat;
    width: 649px;
    height: 31px;
    margin-bottom: 0px;
    padding: 0px;
    display:  table;
}
.row1, .row2  {
    display:  table-row;
    width:auto;
}
.row1 div, .row2 div {
    float:left;/*fix for  buggy browsers*/
    display:  table-cell;
    margin-top: 7px;
}
.row1 {
    height: 33px; 
}
.row2 {
    height: 35px;
}


input,textarea {
    border: 1px solid #6D6D6D;
    background: #e4e4e4;
    font-family: Arial, Helvetica, Verdana,  sans-serif; 
    font-size: 13px; 
    font-weight: normal;
    color: black;
}
.formbox input {
    border: 1px solid #6D6D6D;
    background: #e4e4e4;
    width: 108px;
    color: black;
}

.red {
    color: #FF4646;
    font-weight: bold;
}
b {
    color: #EFE4B2;
    font-weight: normal;
}
.small {
    font-size: 10px;
}
a {
    color: #C2D1E1;
    text-decoration: underline;
}
a:hover {
    color: #A4C1DF;
}
a:visited {
    color: #9AADC2;
}
h3, .mtitle {
    color: #EFE4B2;
    margin: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

h4 {
    color: #EFE4B2;
    margin: 0px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    font-weight: 9000;
    padding-bottom: 2px;
}

h1 {

    font-size: 19px;
    text-decoration: underline;

}

h2 {
    font-size: 16px;
    text-decoration: underline;

}

h5 {
    color: #EFE4B2;
    margin: 0px;
    margin-bottom: 14px;
    margin-left: 0px;
    font-size: 16px;
    float: left;
    font-weight: 9000;
    padding-bottom: 2px;
}
input.cb {
    border: 0px;
    background: transparent;
}
head:first-child+body input.cb {
    background: white;
}

/* movies */
.mbox, .obox {
    height: auto;
    margin-bottom: 5px;
}
.mposter {
    width: 180px;
    float: left;
    text-align: center;
    font-size: 10px;
}
.mtitle {
    float: left;
    width: 245px;
    padding-left: 10px;
}
.mbutton {
    float: right;
}
.minfo {
    float: left;
    padding-left: 10px;
    width: 320px;
}
.mreviews {
    background: url(images/reviewsbg.gif) top center no-repeat;
    text-align: center;
    padding-top: 18px;
    margin-top: 5px;
    float: right;
    width: 75px;
}
.mtext {
    padding-top: 5px;
    clear:both;
}
html>body .mtext {
    paddding-top: 15px;
}
.mtext, .mreviews, .minfo, .mbutton, .mtitle, .mposter, .mbox {
}

/* order */
.morder {
    margin-top: 15px;
    background: url(images/orderformbg.jpg) no-repeat;
    width: 317px;
    height: 52px;
    padding: 0;
}
.palcb {
    position: relative;
    top: 8px;
    left: 114px;
    border: none;
    background: none;
}
.ntsccb {
    position: relative;
    top: 27px;
    left: 90px;
    border: none;
    background: none;
}
.hqdlcb {
    position: relative;
    top: 17px;
    left: 226px;
    border: none;
    background: none;
}
.orderstart {
    height: 17px;
}
html>body .orderstart {
    height: 35px;
}
/* retail */
.mretailpal, .mretailpal2, .mretailntsc, .mretailntsc2 {
    margin-top: 15px;
    width: 145px;
    height: 52px;
    padding: 0;
}
.mretailpal, .mretailpal2 { float: left; }
.mretailntsc, .mretailntsc2 { float: right; }
.mretailpal {
    background: url(images/retailpal.jpg) no-repeat;
}
.mretailpal2 {
    background: url(images/retailpal2.jpg) no-repeat;
}
.mretailntsc {
    background: url(images/retailntsc.jpg) no-repeat;
}
.mretailntsc2 {
    background: url(images/retailntsc2.jpg) no-repeat;
}
input.retail_input {
position: relative;
top: 25px;
left: 80px;
background: black;
}



/* TABLE (old css) */


input.cardinput {
	background: none;
}
html>body input.cardinput {
	position: relative;
	top: 4px;

}

html>body .accept {
	position: relative;
	top: 6px;
}
html>body .ffmc {
position: relative;
top: -4px;
}


.cardtype {
position: relative;
top: 1px;
}
html>body .cardtype {
position: relative;
top: 4px;
}

img.types {
position: relative;
top: 5px;
left: 2px;
}

html>body  img.types {
	top: 0px;
}







hr { height: 1px;}


div.clear2 {
clear: both;
background: url(images/hr.gif) no-repeat center;
width: 100%;
height: 30px;
}