/* Main Screen CSS Document */

/* ----------------- COLOURS ----------------- 

*/

/* ----------------- PAGE STYLES ----------------- */
/* html { overflow: -moz-scrollbars-vertical; } */
body { margin: 0 10px 10px 10px; background: url(../../images/background.gif) #232323 top left repeat-x; }

/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, h3, h4, h5, p, li { font-family: Arial, Helvetica, sans-serif;}

h1 { font-size: 100%; margin: 0; color: #fff; font-weight:bold; }
h2 { font-size: 90%; margin: .5em 0 .5em 0; color: #fff; font-weight: bold; }
h3 { font-size: 80%; margin: .5em 0 .5em 0; color: #fff; font-weight: bold; }
h4 { font-size: 80%; margin: .5em 0 .5em 0; color: #fff; font-weight: bold; }
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.5em; color: #fff; }
li { font-size: 80%; margin: .5em 0 1em 0; line-height: 1.3em; color: #fff; }

/* ----------------- DEFAULT LINK STYLES ----------------- */
a:link { color: #fff; }
a:visited { color: #fff;}
a:active, a:hover { color: #ddd; }
a { outline: none; }

.tiny { font-size: 70%; }

/* ----------------- MOUSE POINTER STYLES ----------------- */
.wait-pointer { cursor: wait; }
.default-pointer { cursor: default; }
.help-pointer { cursor: help; }
.pointy-pointer { cursor: pointer; }

/* ----------------- RULE STYLES ----------------- */
hr { border: 0; border-top: 1px solid #515151; height: 1px; }
.rule-dotted { height: 1px; overflow: hidden; background: url(../../images/rule_dotted.gif) top left repeat-x; }
.rule-dotted hr { display: none; visibility: hidden; }

/* ----------------- IMAGE STYLES ----------------- */

/* ----------------- FORM STYLES ----------------- */
form { display: inline; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }

/* ----------------- MARGIN STYLES ----------------- */
/* -- 1 side -- */
.margin3-r { margin-right: 3px; }
.margin5-r { margin-right: 5px; }
.margin6-r { margin-right: 6px; }
.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin15-r { margin-right: 15px; }
.margin15-b { margin-bottom: 15px; }
.margin15-l { margin-left: 15px; }
.margin20-r { margin-right: 20px; }
.margin20-b { margin-bottom: 20px; }
/* -- 2 sides -- */
.margin10-t-r { margin-top: 10px; margin-right: 10px; }
.margin10-t-b { margin-top: 10px; margin-bottom: 10px; }
.margin10-t-l { margin-top: 10px; margin-left: 10px; }
.margin10-r-l { margin-right: 10px; margin-left: 10px; }
.margin10-r-b { margin-right: 10px; margin-bottom: 10px; }
.margin10-b-l { margin-bottom: 10px; margin-left: 10px; }
.margin15-r-l { margin-right: 15px; margin-left: 15px; }
/* -- 3 sides -- */
.margin10-t-r-b { margin: 10px 10px 10px 0; }
.margin10-t-r-l { margin: 10px 10px 0 10px; }
.margin10-t-b-l { margin: 10px 0 10px 10px; }
.margin10-r-b-l { margin: 0 10px 10px 10px; }
/* -- 4 sides -- */
.margin10 { margin: 10px; }

/* ----------------- ALIGNMENT STYLES ----------------- */
.align-center { text-align: center !important;  }
.align-right { text-align: right !important; }
.align-left { text-align: left !important; }

/* ----------------- ERROR STYLES ----------------- */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title {
    padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold;
}
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; }

.error { color: #cc0000 !important; }
.success { color: #3DAB4A !important; }
.information-msg { color: #cc0000; }

.column-200 { width: 200px; float: left; }
.column-505 { width: 505px; float: left; }

.hidden { display: none; }

/* ----------------- INTERFACE STYLES ----------------- */

/* -- CONTAINER -- */
#frame { width: 770px; margin: 0 auto 0 auto; padding: 0 14px 14px 14px; border: 1px solid #515151; border-top: 0; background-color: #000; }

/* -- HEADER -- */
#header { width: 770px; height: 95px; padding: 15px 0; }
#header-logo { width: 222px; height: 60px; margin: 0 auto 7px auto; padding: 0; background: url(../../images/logo_screen.gif) top left no-repeat; }
#header-logo a { width: 222px; height: 60px; display: block; }
#header-logo img { display: none; visibility: hidden; }
#header-navigation { width: 770px; height: 28px; background: url(../../images/navigation_bar.gif) top left no-repeat; }

/* -- NAVIGATION -- */
#navigation-buttons { width: 627px; height: 28px; margin: 0 auto 0 auto; padding-top: 2px; }
#navigation-buttons div { float: left; height: 26px; background-position: 0 0; background-repeat: no-repeat; }
#navigation-buttons a { height: 26px; display: block; background-position: 0 0; background-repeat: no-repeat; }
#navigation-buttons a:hover { background-position: 0 -26px; }
#navigation-buttons span { display: none; visibility: hidden; }
#navigation-buttons .selected,
#navigation-buttons .selected a { background-position: 0 -26px !important; }
#navigation-buttons .divider { width: 1px; overflow: hidden; background-image: url(../../images/navigation_divider.gif); }

#navigation-buttons .home,
#navigation-buttons .home a { width: 70px; background-image: url(../../images/navigation_home.gif);}
#navigation-buttons .dvdandbluray,
#navigation-buttons .dvdandbluray a { width: 117px; background-image: url(../../images/navigation_dvdandbluray.gif); }
#navigation-buttons .cinema,
#navigation-buttons .cinema a { width: 80px; background-image: url(../../images/navigation_cinema.gif); }
#navigation-buttons .aboutus,
#navigation-buttons .aboutus a { width: 88px; background-image: url(../../images/navigation_aboutus.gif); }
#navigation-buttons .press,
#navigation-buttons .press a { width: 68px; background-image: url(../../images/navigation_press.gif); }
#navigation-buttons .contactus,
#navigation-buttons .contactus a { width: 98px; background-image: url(../../images/navigation_contactus.gif); }
#navigation-buttons .newsletter,
#navigation-buttons .newsletter a { width: 98px; background-image: url(../../images/navigation_newsletter.gif); }

/* -- BODY -- */
#body { width: 770px; }

/* -- SEARCH & BREADCRUMBS BAR -- */
#bar-search{ width: 260px; height: 24px; float: right; background: url(../../images/bar_background_search.gif) top left no-repeat; }
#bar-search-breadcrumbs { width: 770px; height: 24px; background: url(../../images/bar_background_search_breadcrumbs.gif) top left no-repeat; }
/* Search */
#search { width: 260px; float: right; }
#search .label { width: 50px; height: 24px; float: left; background: url(../../images/bar_search_label.gif) 8px 7px no-repeat; }
#search .label label { width: 50px; height: 24px; display: block; }
#search .label span { display: none; visibility: hidden; }
#search .field { width: 165px; height: 21px; float: left; padding: 3px 0 0 0; }
#search .field input { width: 161px; height: 14px; float: left; font-size: 70%; border: 1px solid #ccc;  padding: 1px;  }
#search .submit { width: 38px; height: 19px; padding: 2px 4px 3px 3px; float: left; }
/* Breadcrumbs */
#breadcrumbs { width: 490px; height: 21px; padding: 3px 10px 0 10px; float: left;}
#breadcrumbs p { margin: 0; font-size: 70%; }

/* -- TITLE / TAB NAVIGATION -- */

.tab-title { width: 770px; height: 24px; background: url(../../images/tab_background_right.gif) top right repeat-x; }
.tab-title div { width: 121px; height: 24px; background-position: top left; background-repeat: no-repeat; }
.tab-title h1 { display: none; visibility: hidden; }
.tab-title span { display: none; visibility: hidden; }
.tab-title a { height: 24px; display: block; }
.tab-title .comingsoon { background-image: url(../../images/title_tab_comingsoon.gif); }
.tab-title .outnow { background-image: url(../../images/title_tab_outnow.gif); }
.tab-title .packshots { background-image: url(../../images/title_tab_packshots.gif); }
.tab-title .stills { background-image: url(../../images/title_tab_stills.gif); }

.title h1 { display: none; visibility: hidden; }
.tab-navigation { width: 770px; height: 24px; background: url(../../images/tab_background_right.gif) top right repeat-x; }
.tab-navigation div { width: 121px; height: 24px; float: left; background-position: 0 0; background-repeat: no-repeat; }
.tab-navigation a { width: auto; height: 24px; display: block; background-position: 0 0; background-repeat: no-repeat; }
.tab-navigation a:hover { background-position: 0 -24px; background-repeat: no-repeat; }
.tab-navigation span { display: none; visibility: hidden; }
.tab-navigation .selected,
.tab-navigation .selected a { background-position: 0 -48px; }
.tab-navigation .comingsoon,
.tab-navigation .comingsoon a:hover { background-image: url(../../images/nav_tab_comingsoon.gif); }
.tab-navigation .pastandpresent,
.tab-navigation .pastandpresent a:hover { background-image: url(../../images/nav_tab_pastandpresent.gif); }
.tab-navigation .outnow,
.tab-navigation .outnow a:hover { background-image: url(../../images/nav_tab_outnow.gif); }
.tab-navigation .catalogue,
.tab-navigation .catalogue a:hover { background-image: url(../../images/nav_tab_catalogue.gif); }
.tab-navigation .theatricallyreleased,
.tab-navigation .theatricallyreleased a:hover { background-image: url(../../images/nav_tab_theatricallyreleased.gif); width: 207px; }
.tab-navigation .festivals,
.tab-navigation .festivals a:hover { background-image: url(../../images/nav_tab_festivals.gif); }
.tab-navigation .search { background-image: url(../../images/nav_tab_search.gif); }

.tabless-title { width: 770px; height: 24px; background: url(../../images/tab_background_left.gif) top left repeat-x; }
.tabless-title h1 { margin: 0; }

/* -- FOOTER -- */
#footer { width: 800px; margin: 0 auto 0 auto; padding: 10px 0 10px 0; }
#footer .copyright { float: left; display: inline-block; width:560px; }
#footer .copyright p { text-align: left; }
#footer p { font-size: 70%; color: #aeaeae; margin-top: 0; line-height: 1.5em; text-align: left; }
#footer .twitter { width: 100px; float: right; }