body {
margin:0;
font-family: Helvetica Neu, Arial, Verdana, sans-serif;
font-size:62.5%;
background:#cfcdce url(/images/pagebg.png) 50% 0% repeat-y;
}

.container {
width:1100px;
margin:0 auto;
}

#Layout {
margin:10px 0px 0px 0px;
text-align:left;
font-size: 1.4em;
}

p {
font-size:13px;
margin-top:0;
}

ul, ol {
font-size:14px;
display:block;
}

.clear {
clear:both;
}

.center {
text-align:center!important;
display:block;
margin:0 auto;
}

a {
color: #DF5531;
}

a:visited {
color: #CE4220;
}

a img {
border:0;
}

h1 {
font-size: 3em;
margin: 0px;
padding: 0px;
}

h3, .heading3 {
margin: 0px 0px 7px 0px;
font-size: 1.2em;
color: #DF5531;
}

h3 .sound {
    color: #fff;
    padding-left: 30px;
    height: 32px;
    display: inline-block;
}

h4 {
margin:10px 0 0 0;
font-size:1.8em;
}

.heading3 {
font-size: 1em;
}

#Header {
border-top: 1px solid #fff;
background: url(/images/background.png) 0px 95px no-repeat;
text-align:left;
}

#Header .logo {
margin: 20px 0px 0px 60px;
float: left;
width: 103px;
} 

#Header .loginetc {
    float:right;
    width: 230px;
    margin:20px 30px 10px 10px;
}

#Header .loginetc .language {
background:url(/images/worldmap.jpg) no-repeat;
padding-left:50px;
float: left;
width: 95px;
} 

#Header .loginetc p {
    text-align:right;
    margin: 0px;
    font-size:1.2em;
    float: left;
    width: 200px;
}

#Header .loginetc p.error {
    width: 270px;
    text-align: left;
    margin: 5px 0px 0px 0px;
    color: #990000;
}

#Header form {
float: right;
width: 240px;
margin-right: 40px;
}

#Header a {
color:#c12d44;
}

#Header a:visited {
color: #97243C;
}

#Header .button {
float: left; 
width: 40px;
margin: 0px;
padding: 0px;
}

#Header .enterkey {
margin-top: 15px;
}

#Navigation {
    width:500px;
    height:42px;
    margin:60px 0px 0px 20px;
    text-align:center;
    line-height:30px;
    font-size:1.7em;
    float: left;
    position: relative;
}   

#Navigation ul {
margin:0px;
padding: 0px;
}

#Navigation ul.homepage {
width:500px;
}

#Navigation li {
list-style-type:none;
float:left;
display:block;
text-align:left;
margin: 0px 5px;
font-size:17px;
}

#Navigation a, #Navigation a:visited {
color:#666;
text-decoration:none;
margin: 0px;
display:block;
cursor:pointer;
text-align: center;
}

#Navigation li a.current {
color: #DF5531;
}

#Navigation li a:hover, #Navigation li a.current:hover {
color: #DF5531;
}

#Navigation li.home {
width: 60px;
}

#Navigation li.sneakpeaks {
width: 120px;
}

#Navigation li.showandtell {
width:110px;
}

#Footer {
background:#d9d9d9;
margin: 30px 0px 0px 0;
padding:20px 0px 100px 0px;
text-align:center;
}

#Footer ul {
margin:0;
padding: 0px;
}

#Footer ul li {
list-style-type:none;
display:inline;
padding:10px;
}

#Footer ul li a {
color:#585858;
text-decoration:none;
}

#Footer ul li a.current {
color: #DF5531;
text-decoration:none;
}

form {
margin: 0px;
padding: 0px;
}

/* Addthis style overide */
#at16pm {
    overflow-x : auto;  
}

/************************************************************************************************************************
 * Common Elements for page specific CSS. 
 ***********************************************************************************************************************/
.lowcontent {
    margin: 0px 35px;
}

.mediumbox {
    width: 230px;
    float: left;
    margin-left: 40px;
    margin-top: 5px;
    background-image:url(/images/orange_corner.jpg);
    background-repeat:no-repeat;
}

.mediumbox p{
    margin:20px;
}

.mediumbox a:visited {
    color: #000066;
}

.mediumbox a {
    color: #003399
}

.thinbox{
    float: left;
    width: 234px;
    border: 1px solid #ccc;
    margin: 5px 55px 0px 0px;
    padding: 0px;
    background: #ececec url(/images/modulebg.png) 0px 0px repeat-x;
    position: relative;
}

.widebox {
    padding: 0px;
    border: 1px solid #ccc;
    float: left;
    width: 438px;
    margin-left: 5px;
    margin-top: 5px;
    background: #ececec url(/images/modulebg.png) 0px 0px repeat-x;
    position: relative;
}

.inputbox {
    background: url(/images/inputbox.jpg) 0px 0px no-repeat;
    border: 0px;
    margin: 0px;
    padding: 5px;
    width: 190px;
    color: #666;
    font-size: 1.5em;
    float: left;
    outline: none; 
}

.invalid {
    background: url(/images/inputbox-red.jpg) 0px 0px no-repeat;
}

.description {
    float: right;
    width: 280px;
    text-align: left;
    margin: 0px 30px 0px 0px;
}

.maincontent {
    float: left;
    width: 540px;
    margin: 0px 10px;
    position: relative;
}

.contentdescription {
    float: right;
    width: 200px;
    padding: 0px;
    color: #fff;
    text-align: left;
    margin-top: 10px;
    margin-left: 40px;
}

.splashpageContent h3, .sneakpeekpageContent h3, .shownandtellpageContent h3 {
    font-size: 18px;
    line-height: 32px;
}

.campaignpageContent, .splashpageContent, .sneakpeekpageContent, .contactpageContent, .shownandtellpageContent {
    background: url(/images/campaignbg.jpg) 0px 0px no-repeat;
    text-align: center;
    /*  
    padding: 35px 0px;
    height: 490px;
    margin-bottom: 15px;
    */
    padding: 35px 30px 30px 70px;
    height: 360px;
    margin-bottom: 0px;
}
/************************************************************************************************************************
 * Page specific css overides
 ***********************************************************************************************************************/
/* Splash */
.splashpageContent {
    background: url(/images/splashbg.jpg) 0px 0px no-repeat;
    height: 400px;
    color: #fff;
    padding: 70px 0px 0px 50px;
}

.welcome {
    font-size: 1.3em;
    display: block;
    text-align: left;
    margin: 0px 0px 0px 0px;
    float: left;
    width: 380px;
}

.splashkey {
    float: left;
    width:650px;
}

.splashkey .enterkey {
    width: 240px;
    float: left;
    margin: 0px 0px 0px 0px;
    font-size: 0.8em;
}

.splashkey .enterkey p {
    font-size: 1.3em;
    text-align: right;
    margin-top: 0px;
    padding: 0px;
}

/* Home */  
.homeTAFText {
    font-size:11px;
    color: #DF5531;
    cursor:pointer;
}

.homeTAFTextVideo a {
     color: #000;
     text-decoration: none;
}

.pollbox{
    margin-top: 5px;
    margin-left:10px;
}

/* Sneak Peeks */
.sneakpeekpageContent {
    position:relative;
    padding: 35px 20px 30px 0px;
}
.sneakpeekpageContent .contentdescription {
    margin: 0px;
    margin-left: 0px;
    width: 210px;
}
.basicinfo p {
    margin: 0px;
    margin-bottom: 5px;
    font-size: 12px;
}

.synopsis p {
	margin: 0px;
    margin-bottom: 5px;
}
.sneakpeekpageContent h3 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}
.typemenu {
    float: left;
    width: 200px;
    margin: 0px 0px 0px -70px;
    padding-top: 70px;
}

.typemenu {
    margin:0px 0px 0px 0px;
    position: relative;
}

.typemenu a.link, .typemenu a.link:visited, .typemenu a.current {
    display: block;
    width: 200px;
    color: #fff;
    text-decoration: none;
    background: url(/images/typeother.png) 100% 0% no-repeat;
    margin-bottom: 5px;
    height: 63px;
    line-height: 63px;
}

.typemenu a.current {
    background: url(/images/typecurrent.png) 100% 0% no-repeat;
}

.typemenu a:hover, .typemenu a:hover.current {
    background: url(/images/typecurrent.png) 100% 0% no-repeat;
}

.moviemoreinfo h4 {
    font-size: 1.2em;
    color: #fff;
    margin: 0px 0px 15px 10px;
}

.moviemoreinfo h4 a {
    font-size: 0.8em;
    color: #fff;
}

.moreinformation {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    width: 630px;
    height: 325px;
    text-align: left;
    padding: 10px;
    z-index: 2;
}

.listCatCol {
    float:left;
    margin:0;
    padding-left:20px;
    width: 30%;
}

.sperror {
    font-style: italic;
    float: left;
    width:640px;
    text-align: left;
    display: block;
    margin: 0px 0px;
    color: #DF5531;
    display:none;
}

.catSelect {
    cursor:pointer; 
}

.backToVideo{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width:100px;
    position:absolute;
    color:#CE4220;
    margin-left: 550px;
    margin-top: 10px;
    left: 11px;
}

.moreTag{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width:80px;
    position:absolute;
    color:#CE4220;
    margin-left: 550px;
    margin-top: 375px;
    text-align:right;
}
.fourcolumn {
float: left;
width: 109px;
text-align: center;
padding: 5px 0px 5px 0px;

}
/* Contact */
.contactpageContent h3 {
    text-align: left;
}

.contactpageContent .maincontent {
    margin: 0px 10px 0px 40px;  
}

.contactpageContent .inputbox, .contactpageContent select {
    float: right;
    width: 350px;
    background: #fff;
}

.contactpageContent select {
    width: 360px;
    padding: 3px;
}
.contactpageContent label {
    color: #fff;
    font-size: 1.1em;
    width: 150px;
    float: left;
    text-align: right;
}

.contentdescriptionContact {
    float: left;
    width: 275px;
    padding: 10px;
    color: #fff;
    text-align: left;
    margin-top: 20px;
}
.formline {
    margin-bottom: 5px;
    font-size:10px;
}

.forminfo {
    color: #999;
    font-style: italic;
    float: right;
    width: 310px;
    text-align: left;
    display: block;
    margin: 5px 0px;
}

.submit {
    background: url(/images/submit.png) 0px 0px no-repeat;
    width: 110px;
    height: 35px;
    border: 0px;
    margin: 10px 0px 0px -70px;
}

.formerror {
    color: #999;
    font-style: italic;
    float: right;
    width: 310px;
    text-align: left;
    display: block;
    margin: 0px 0px;
    color: #DF5531;
}
.threecolumn {
    width: 265px;
    background: #fff;
    float: left;
    margin-right: 35px;
    font-size: 12px;
}

.threecolumntext {
    margin: 10px;
    text-align: left;
    font-size:11px;
}

.showme {
    margin: 10px auto;
    color: #999;
    width: 370px;
    font-size: 1.2em;
}

.showme p {
    float: left;
    width: 160px;
    margin-top:4px;
}

.showme form {
    float: left;
    width: 150px;
}

.showme select {
    width: 150px;
    margin-bottom:5px;
}


.lastcolumn {
    margin-right: 0px;
}


/* Show and Tell */
.shownandtellpageContent {
    position:relative;
}

.centralPanelContainer {
    align:left;
    position:relative;
    margin-left:20px;
    padding-top: 0px;
    width:985px;        
}
.slideshow{
    position:relative;
    overflow:hidden;  
    width:820px; 
    padding-top: 0px;
    float:left;
}

#slideshow{
    overflow:hidden; 
    width:840px;
    padding-top: 0px;

}

.clippingStyle {
    margin-right: 10px;
    float:left;
    height:345px;
}

.clippingTAFText {
    text-align: right;
    font-size:11px;
    color: #DF5531;
    cursor:pointer;
}

.back, .forward {
    width: 30px;
}

.forward {
    float: left;
    position:relative;
    margin: 150px 0px 0px 0px;
    padding:0px;
    cursor:pointer; 
}

.back {
    float: left;
    position:relative;  
    margin: 150px 20px 0px 0px;
    padding:0px;
    cursor:pointer; 
}

/* Static */
.plaintext {
    background: url(/images/left-spacer.png) 200px 0px no-repeat;
}

.rightcolumn {
    width: 800px;
    float: right;
    margin-right: 60px;
}

.leftcolumn {
    width: 150px;
    float: left;
    margin-left: 60px;
}

.leftcolumn ul {
    margin: 0px;
    padding: 0px;
}
.leftcolumn ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.leftcolumn ul li a {
    color: #000;
    font-size: 0.8em;
}

/* Static Pages IE6 */
.leftcolumn {
    margin-left:0px;
    width: 125px;
    padding-left:50px;
    position:relative;
}

.rightcolumn {
    width: 800px;
    padding-left:75px;
    float:left;
    position:relative;
    margin-right: 0px;
}
