/* ___ ___ ___ ___ _ _ ___ ___ _ _ ___ __ __ _ ___ / _ \| \| __/ _ \| \| | / __|_ _| \| | __| \/ | /_\ / __| | (_) | |) | _| (_) | .` | | (__ | || .` | _|| |\/| |/ _ \\__ \ \___/|___/|___\___/|_|\_| \___|___|_|\_|___|_| |_/_/ \_\___/ .�~--- STYL0RSH33T --- BY CENO --- 2oo9 | o3 | o4 ---~�. */ * { margin:0; padding:0; border:0; } html { font-size: 1em; } body { background:#FFF url('/_img/design/main_bg.jpg') repeat-x top; font-family: Arial, sans-serif; padding:0.4375em 0.625em 0 0.625em; } a { text-decoration:none; } ul, ol { list-style:none; } /* Clearfix */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */ *+html .clearfix { min-height: 1%; } /* IE7 Fix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Hidden Elements */ .hd { display: none; } :focus { outline: 0; } #mainframe { width:61.25em; } /* -- HEAD AREA -- */ #mainframe #head { position:relative; z-index:1000;} #mainframe #head .headlinks { margin-bottom:.25em; height:.875em; } #mainframe #head .headlinks span { font-size:.7em; display:block; float:left; } #mainframe #head .headlinks ul { float:right;} #mainframe #head .headlinks ul li { float:left; font-size:.7em; margin:0 0 0 9px; } #mainframe #head .headlinks ul li a { color:#000; } #mainframe #head .headlinks ul li a:hover { text-decoration:underline; } #mainframe #head .logo { width:14.0625em; height:6.75em; overflow:hidden; background:#007dc8; float:left;} #mainframe #head .logo img { display:block; width:100%; height:100%; } #mainframe #head .rightside { width:45.5em; height:7.375em; float:right; } #mainframe #head .rightside .banner { height:5.625em; overflow:hidden; } #mainframe #head .rightside .banner img { width:100%; display:block; } #mainframe #head .rightside .filmline { font-weight:bold; color:#007dc8; margin-top:.1875em; float:left; cursor:default; } #mainframe #head .rightside .filmline a { color:#007dc8; } #mainframe #head .rightside .filmline a:hover { text-decoration:underline; } #mainframe #head .rightside .loginedge { float:right; height:1.75em; width:25.375em; overflow:hidden; } #mainframe #head .rightside .loginedge img { width:100%; margin-top:.6875em; } #mainframe #head .naviline { clear:both; height:2.1875em; overflow:hidden;} #mainframe #head .naviline .mainnavi { padding-top:5px; width:33.875em; height:100%; background:#007dc8; float:left; } #mainframe #head .naviline .mainnavi ul { /*margin-top:.2375em;*/ margin-left:15px; width:35em; position:absolute; /*padding-bottom:5px;*/} #mainframe #head .naviline .mainnavi ul li { display:inline; margin-right:0px; padding:0 5px 12px 10px; background:url('/_img/design/mainmenu_item_bg.gif') no-repeat top left; position:relative; } #mainframe #head .naviline .mainnavi ul ul li{ display:block; background:none;} #mainframe #head .naviline .mainnavi ul ul { position:absolute; top:1.3em; margin:.5625em 0 0 0; padding:0; left:-4px; border:4px solid #007dc8; border-top:none; display:none; background:#fff; z-index:1000; width:13em; overflow:hidden; } #mainframe #head .naviline .mainnavi ul li.other_side ul{ left:auto; right:-4px;} #mainframe #head .naviline .mainnavi ul li.other_side2 ul{ left:auto; right:-4px;} * html #mainframe #head .naviline .mainnavi ul li.other_side ul{left:-7.2em;} * html #mainframe #head .naviline .mainnavi ul li.other_side2 ul{ left:-10.2em;} #mainframe #head .naviline .mainnavi ul li.clicked{ background:#fff;} #mainframe #head .naviline .mainnavi ul li.clicked ul{ display:block; } #mainframe #head .naviline .mainnavi ul li.clicked .dropShadow{display:block !important; top:22px !important; left:-4px !important;} #mainframe #head .naviline .mainnavi ul li.other_side .dropShadow{left:-7.2em !important; } #mainframe #head .naviline .mainnavi ul li.other_side2 .dropShadow{left:-10.5em !important; } #mainframe #head .naviline .mainnavi ul ul li{ padding:0; margin:0 3px; display:block;height:1.8em; overflow:hidden;} #mainframe #head .naviline .mainnavi ul li.clicked a{ color:#007dc8; background:#fff;} #mainframe #head .naviline .mainnavi ul li.clicked li span b { cursor:default; font-size:.75em; height:1.8em; width:16.25em; color:#007DC8; padding:.3em 0 0 .3em; display:block; font-weight:bold; background: url(/_img/design/dropdown_a.jpg) repeat-x bottom; } #mainframe #head .naviline .mainnavi ul li.clicked li a{ width:100%; display:inline-block; height:2.2em; line-height:2.2em; background:url('/_img/design/dropdown_a.jpg') repeat-x bottom;} #mainframe #head .naviline .mainnavi ul li.clicked li a:hover{ background:url('/_img/design/dropdown_a_hover.jpg') repeat-x bottom;} #mainframe #head .naviline .mainnavi ul li a span{ padding:0 .3em; margin-right:10px; display:block; /*background:url('/_img/design/dropdown_arrow.gif') no-repeat right center;*/ } #mainframe #head .naviline .mainnavi ul li.first { padding:0 4px 0 0; background:none; } #mainframe #head .naviline .mainnavi ul li a { font-size:.75em; color:#FFF; font-weight:bold; line-height:10px; } #mainframe #head .naviline .mainnavi ul li a:hover { text-decoration:underline; } #mainframe #head .naviline .skew { width:2.5em; height:100%; float:left; } #mainframe #head .naviline .skew img { width:100%; display:block; } #mainframe #head .naviline .loginarea { width:24.875em; height:100%; float:left; background:#FFF; } #mainframe #head .naviline .loginarea .login { height:2.1875em; width:24.875em; float:right; position:absolute; margin-top:-0.25em; } #mainframe #head .naviline .loginarea .login label { float:left; color:#007dc8; font-size:.8em; font-weight:bold; padding:2px 0 0 0; text-align:right; margin-left:0.390625em;} #mainframe #head .naviline .loginarea .login label a { font-size:.85em; font-weight:normal; color:#757575; float:left; margin-top:2px;} #mainframe #head .naviline .loginarea .login label a:hover { text-decoration:underline; } #mainframe #head .naviline .loginarea .login input { float:left; width:10.893em; height:1.161em; border:0.0893em solid #999; padding:3px; margin-left:9px; font-size:.7em; color:#000;} #mainframe #head .naviline .loginarea .login input.goBtn { font-size:1em; background:#50a414 url('/_img/design/btn_go.gif') no-repeat; width:2.375em; height:1.1875em; border:0; padding:0; text-indent:-666px; overflow:hidden; } #mainframe #head .naviline .loginarea .login input.goBtn:hover { background-position:0 -19px; background-color:#3c7b10; } #mainframe #head .naviline .loginarea .loggedin { height:2.1875em; width:23.25em; float:right; position:absolute; margin:-0.25em 0 0 1.625em; } #mainframe #head .naviline .loginarea .loggedin .welcome { font-size:.8em; float:left; } #mainframe #head .naviline .loginarea .loggedin .welcome strong { color:#007dc7; font-weight:bold; } #mainframe #head .naviline .loginarea .loggedin .welcome span { display:block; font-size:.75em; margin-top:2px; color:#6b6b6b; } #mainframe #head .naviline .loginarea .loggedin .welcome span a { color:#6b6b6b; } #mainframe #head .naviline .loginarea .loggedin .welcome span a:hover { text-decoration:underline; } #mainframe #head .naviline .loginarea .loggedin .buttons { float:right; margin-right:14px; display:inline; } #mainframe #head .naviline .loginarea .loggedin .buttons ul{ margin:0; padding:0;} #mainframe #head .naviline .loginarea .loggedin .buttons ul li{ position:relative;} #mainframe #head .naviline .loginarea .loggedin .buttons ul ul{position:absolute; top:1.3em; margin:0; padding:4px 0 0 0; right:0; border:4px solid #0091d4; border-top:none; display:none; background:#fff url('/_img/design/my_account_top.gif') no-repeat right top; z-index:1000; width:13em;} #mainframe #head .naviline .loginarea .loggedin .buttons ul li.clicked{ background:#fff;} #mainframe #head .naviline .loginarea .loggedin .buttons ul li.clicked ul{ display:block;} #mainframe #head .naviline .loginarea .loggedin .buttons ul li.clicked .dropShadow{display:block !important; top:22px !important; right:13.5em !important; left:auto !important;} #mainframe #head .naviline .loginarea .loggedin .buttons ul ul li{ padding:0; margin:0; width:100%; display:block;height:1.8em; overflow:hidden;} #mainframe #head .naviline .loginarea .loggedin .buttons ul li.clicked a{ background-position:center -58px; background-color:#69b2df;} #mainframe #head .naviline .loginarea .loggedin .buttons ul li.clicked li a{ width:100%; display:inline-block; height:2.2em; font-weight:bold; line-height:2.2em;text-indent:0; background:url('/_img/design/dropdown_a.jpg') repeat-x bottom; color:#007DC8; font-size:.75em;} #mainframe #head .naviline .loginarea .loggedin .buttons ul li.clicked li a:hover{ background:url('/_img/design/dropdown_a_hover.jpg') repeat-x bottom;} #mainframe #head .naviline .loginarea .loggedin .buttons li{ float:left; display:inline;} #mainframe #head .naviline .loginarea .loggedin .buttons a { float:left; display:block; height:1.8125em; margin-left:4px; background:#007dc9 no-repeat top center; text-indent:-666px; overflow:hidden; } #mainframe #head .naviline .loginarea .loggedin .buttons a.myAccount { width:5em; background-image:url('/_img/design/btn_myaccount.gif'); } #mainframe #head .naviline .loginarea .loggedin .buttons a.logOut { width:3.625em; background-image:url('/_img/design/btn_logout.gif'); } #mainframe #head .naviline .loginarea .loggedin .buttons a:hover { background-position:center -29px; background-color:#69b2df; } /* #mainframe #head .naviline .loginarea .login button { float:left; width:2.375em; height:1.1875em; background:#f0f; display:block; margin-left:9px; cursor:pointer; font-size:1em; } #mainframe #head .naviline .loginarea .login button img { display:block; float:left; width:2.375em; } #mainframe #head .naviline .loginarea .login button:hover img { margin-top:-1.1875em;} */ #mainframe #head .naviline .loginarea .login .errormsg { padding:0; float:left; margin-left:1em; white-space:nowrap; display:inline; color:#E00000; font-size:.7em; font-weight:bold; } #mainframe #head .naviline .loginarea .login .forgottenpwd { padding:0; float:right; margin-right:3.6875em; display:inline; } #mainframe #head .naviline .loginarea .login .forgottenpwd a { font-size:.7em; color:#757575; float:left; } #mainframe #head .naviline .loginarea .login .forgottenpwd a:hover { text-decoration:underline; } /* -- CONTENT AREA -- */ #mainframe #content { width:100%; background:#FFF; padding:0.75em 0; position:relative; z-index:1;} #mainframe #content .breadcrumb { margin:0 0.875em 0.875em 0.875em; } #mainframe #content .breadcrumb ul li { display:inline; background:url('/_img/design/breadcrumb_arrow.gif') no-repeat 0 .5em; padding-left:.625em; } #mainframe #content .breadcrumb ul li.home { background:none; padding:0; } #mainframe #content .breadcrumb ul li.current { font-size:.75em; padding-left:.8333em; } #mainframe #content .breadcrumb ul li a { color:#000; font-size:.75em; } #mainframe #content .breadcrumb ul li a:hover { text-decoration:underline; } /* -- CONTENT AREA -- Booking Steps */ #mainframe #content .booking { margin:0 0.875em; } #mainframe #content .booking .accordion { display:none; } #mainframe #content .booking .noJavaScript { display:block; font-size:.8em; border:2px solid #e1e3e5; padding:1em; margin:0 0 1em 0; } #mainframe #content .booking .noJavaScript a { color:#007dc8; font-weight:bold; text-decoration:underline; /*text-transform:uppercase;*/ } #mainframe #content .booking .noJavaScript a:hover { text-decoration:none; } #mainframe #content .booking .block { background:#FFF url('/_img/design/booking/step_bg.gif') repeat-x 0 .625em; padding-bottom:1.5em; margin-bottom:.625em;} #mainframe #content .booking .block .title { } #mainframe #content .booking .block .title h1 { display:none; } #mainframe #content .booking .block .title img { height:2.3125em; } #mainframe #content .booking .block .boxes { padding-left:5.875em; } #mainframe #content .booking .block .boxes .box { width:16em; height:14.9375em; float:left; margin-right:.375em; } #mainframe #content .booking .block .boxes .box[class~='shadow'] { background:url('/_img/design/booking/box_shade.gif') no-repeat; } #mainframe #content .booking .block .boxes .box .inside { display:inline; margin:.3125em 0 0 .375em; padding:1.25em 1.25em 0 1.25em; width:12.625em; height:12.75em; background:white; border:.0625em solid #c2c2c2; float:left; } #mainframe #content .booking .block .boxes .box .inside.premiere { padding:.25em; width:14.625em; height:13.5em; color:#cbcbcb; background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') top left; border-color:#c0ced9; } #mainframe #content .booking .block .boxes .box .inside.premiere img { height:3.0625em; } #mainframe #content .booking .block .boxes .box .inside.premiere p { margin:16px 0 0 0 !important; line-height:1.416667em; color:#000; } #mainframe #content .booking .block .boxes .box .inside.premiere .emboss { background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; height:12.125em; padding:.375em 1em 1em 1em; border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf;} #mainframe #content .booking .block .boxes .box .inside.login img { height:3.4375em; } #mainframe #content .booking .block .boxes .box .inside.guest img { height:3.4375em; } #mainframe #content .booking .block .boxes .box .inside.guest { overflow:hidden; } #mainframe #content .booking .block .boxes .box .inside.guest a { margin-top:4.3125em; float:right; text-indent:-666px; overflow:hidden; display:block; width:5.4375em; height:1.1875em; background:#50a414 url('/_img/design/btn_next_step.gif') no-repeat top; } #mainframe #content .booking .block .boxes .box .inside.guest a:hover { background-position:center -1.1875em; } #mainframe #content .booking .block .boxes .box .inside p { font-size:.75em; margin:1.5em 0 .5em 0;} #mainframe #content .booking .block .boxes .box .inside form input.email{ float:left; font-size:.8em; line-height:1.2em; width:14.6875em; height:1.09375em; padding:.234375em; margin:.46875em 0 .4em 0; border:.078125em solid #999; color:#000; background: url('/_img/design/booking/email.gif') no-repeat 5px center;} /* sascha */ #mainframe #content .booking .block .boxes .box .inside form input.passwd{ float:left; font-size:.8em; line-height:1.2em; width:14.6875em; height:1.09375em; padding:.234375em; margin:.46875em 0 .4em 0; border:.078125em solid #999; color:#000; background: url('/_img/design/booking/password.gif') no-repeat 5px center;} /* sascha */ #mainframe #content .booking .block .boxes .box .inside form input.cheese{ float:left; font-size:.8em; line-height:1.2em; width:14.6875em; height:1.09375em; padding:.234375em; margin:.46875em 0 .4em 0; border:.078125em solid #999; color:#000; background: none; } /* sascha */ #mainframe #content .booking .block .boxes .box .inside form a { color:#787878; font-size:.7em; display:block; float:left;} #mainframe #content .booking .block .boxes .box .inside form a:hover { text-decoration:underline; } #mainframe #content .booking .block .boxes .box .inside form input.goBtn { float:right; font-size:1em; background:#50a414 url('/_img/design/btn_go.gif') no-repeat top; width:2.375em; height:1.1875em; border:0; padding:0; text-indent:-666px; overflow:hidden; } #mainframe #content .booking .block .boxes .box .inside form input.goBtn:hover { background-position:center -1.1875em; background-color:#3c7b10; } #mainframe #content .booking .block.login .premiereClubInfos { margin-left:.625em; } #mainframe #content .booking .block.login .premiereClubInfos .inside { color:#CCC; background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') left top; display:inline; margin:.3125em 0 0 .375em; padding:4px; float:left; width:57.25em; height:9.8125em; } #mainframe #content .booking .block.login .premiereClubInfos .inside .emboss { border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf; background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; padding:.375em 0 0 1em; height:9.3125em;} #mainframe #content .booking .block.login .premiereClubInfos .inside .box { display:inline; width:15.9375em; float:left; margin-left:1.875em; margin-top:22px; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box a { display:block; text-indent:-666px; color:#FFF; overflow:hidden; height:1.1875em; width:10.25em; background:#527e9a url('/_img/design/booking/btn_continue_to_booking.gif') no-repeat center 0; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box a:hover { background-position:center -19px; background-color:#44687f; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box p { font-size:.75em; margin:10px 0; color:#000; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box h2 { display:none; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box img { height:1.3125em; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box.welcomeBack { margin:0 1.875em 0 0; width:18.125em; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box.welcomeBack p { line-height:1.66em; margin-bottom:5px; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box.welcomeBack img { height:2.125em; display:block; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box.welcomeBack .currentPoints { background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png'); background-position:0 -40px; padding:.0625em; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box.welcomeBack .currentPoints .inner { text-align:center; background:#e5edf0 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; padding:5px 5px 4px 5px; font-size:.8em; border-left:1px solid #b5babe; border-top:2px solid #8d9193; color:#000; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box.welcomeBack .currentPoints .inner strong { font-size:1.5em; display:block; } #mainframe #content .booking .block.login .premiereClubInfos .inside .box.welcomeBack .currentPoints .inner strong b { color:#537f9c; } #mainframe #content .booking .block.seating { background-image:url('/_img/design/booking/step_seating_bg.gif'); padding-bottom:0;} #mainframe #content .booking .block.seating .seatingHTML { margin:1em; width:50%; overflow:hidden; } #mainframe #content .booking .block.seating .seatingHTML .stalls { margin:1em 0 0 0; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats { margin:0 0 0.0625em 0; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats.closed { } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .headline { background:#007dc8; height:28px; cursor:default; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats.closed .headline { background:#007dc8; background:#c0c1bc url('/_img/design/booking/seats_closed_bg.gif') repeat-x top; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .headline .title { float:left; margin:4px 8px; color:#FFF; text-decoration:underline; display:inline; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats.closed .headline .title { color:#000; text-decoration:none; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .headline .title img { height:11px; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .headline .action { float:right; margin:6px 9px 0 0; display:inline; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .headline .action a { display:block; color:#FFF; height:9px; float:right; padding:3px 4px; font-size:9px; line-height:11px; background:#005894 url('/_img/design/booking/seats_action_bg.gif') repeat-x top; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .headline .action a:hover { background:#2689c5; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats.closed .headline .action a:hover { background:#dadbd6; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats.closed .headline .action a { color:#000; background:#a2a39d url('/_img/design/booking/seats_closed_action_bg.gif') repeat-x top; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details { background:#7ec0f0; padding:4px; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line { cursor:default; background:#FFF; padding:3px 5px; font-size:.9em; margin-bottom:1px; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line span { display:block; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line span.type { width:60%; float:left; margin-top:2px; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line span.price { width:20%; float:left; text-align:right; margin-top:2px; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line span.amount { width:20%; float:right; text-align:right; margin-top:0; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line span.amount select { border:1px solid #007dc8; width:50%; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line.confirm { margin-top:3px; text-align:right; padding:5px; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line.confirm input { cursor:pointer; text-indent:-666px; line-height:1em; overflow:hidden; width:157px; height:29px; background:#50a414 url('/_img/design/booking/btn_confirm_selection.gif') no-repeat top center; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats .details .line.confirm input:hover { background-position:center -29px; background-color:#3c7b10; } #mainframe #content .booking .block.seating .seatingHTML .stalls .seats.closed .details { display:none; } #mainframe #content .booking .block .infos { margin-left:.625em; height:4.25em; } #mainframe #content .booking .block .infos[class~='shadow'] { background:url('/_img/design/booking/seating_topbox_shade.gif') no-repeat; } #mainframe #content .booking .block .infos .inside { background:#FFF; display:inline; border:.0625em solid #c2c2c2; margin:.3125em 0 0 .375em; float:left; height:3.375em; width:57.625em;} #mainframe #content .booking .block .infos .inside h4 { font-size:.75em; color:#007DC8; font-weight:normal; } #mainframe #content .booking .block .infos .inside h5 { font-size:.8em; line-height:.8em; margin-top:8px; font-weight:bold; float:left; } #mainframe #content .booking .block .infos .inside .film { display:inline; background:white url('/_img/design/booking/seating_infos_box_bg.gif') no-repeat right center; float:left; padding-right:1em; margin:6px 0 0 10px; height:2.5625em; } #mainframe #content .booking .block .infos .inside .film img { vertical-align:middle; display:block; float:left; margin:2px 0 0 8px;} #mainframe #content .booking .block .infos .inside .cinema { display:inline; background:white url('/_img/design/booking/seating_infos_box_bg.gif') no-repeat right center; float:left; padding-right:1em; margin:6px 0 0 10px; height:2.5625em; } #mainframe #content .booking .block .infos .inside .date { display:inline; float:left; padding-right:1em; margin:6px 0 0 10px; height:2.5625em; } #mainframe #content .booking .block .infos .inside .exit { float:right; padding:0 .625em 0 1em; margin:6px 0 0 10px; height:2.5625em; background:white url('/_img/design/booking/seating_infos_box_bg.gif') no-repeat left center; } #mainframe #content .booking .block .infos .inside .exit a { display:block; text-indent:-666px; color:#FFF; overflow:hidden; background:#50a414 url('/_img/design/booking/btn_amend_film_or_cinema.gif') no-repeat top; width:6.4375em; height:2em; margin-top:4px;} #mainframe #content .booking .block .infos .inside .exit a:hover { background-position:center -32px; } #mainframe #content .booking .block .bigbox { margin-left:.625em; height:38.75em; } #mainframe #content .booking .block .bigbox[class~='shadow'] { background:url('/_img/design/booking/seating_bigbox_shade.gif') no-repeat; } #mainframe #content .booking .block .bigbox .inside { background:#FFF; display:inline; border:.0625em solid #c2c2c2; margin:.3125em 0 0 .375em; float:left; height:38.25em; width:57.625em;} #mainframe #content .booking .block.book { background-image:url('/_img/design/booking/step_booking_bg.gif'); } #mainframe #content .booking .block .join { margin-left:.625em; margin-top:4px; /*width:58.5em;*/ } #mainframe #content .booking .block .join[class~='shadow'] { background:url('/_img/design/booking/booking_premiere_shade.gif') no-repeat; } #mainframe #content .booking .block .join .inside { background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') top left; display:inline; margin:.3125em 0 0 .375em; float:left; /*width:57.25em;*/ padding:4px; } #mainframe #content .booking .block .join .inside .emboss { background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; padding:.375em 1em .375em 1em; border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf;} #mainframe #content .booking .block .join .inside .box { float:left; color:#000; } #mainframe #content .booking .block .join .inside .box img { display:block; height:2.1875em; } #mainframe #content .booking .block .join .inside .box p { font-size:.8em; margin-top:12px; } #mainframe #content .booking .block .join .inside .box p strong { display:block; margin-bottom:4px;} #mainframe #content .booking .block .join .inside .box p strong b { color:#527e9a; } #mainframe #content .booking .block .join .inside .box h2 { display:none; } #mainframe #content .booking .block .join .inside .box .confirmjoin { margin-top:.5em; width:21.6875em; padding:.25em; background:#537f9c url('/_img/design/booking/join_confirm_bg.gif') repeat-x bottom; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner { float:left; width:100%; height:100%; color:#000; margin-bottom:4px; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept { float:left; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line { clear:both; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line p { color:#7f99aa; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line .checker { display:inline; float:left; width:1.25em; height:1.25em; overflow:hidden; margin:6px;} #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line .checker img { width:3.75em; height:2.5em; display:block; margin-left:-2.5em; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line .checker.checked img { /* margin-top:-1.25em; */ } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line p { float:left; font-size:.75em; width:23.3333em;; margin-top:10px; margin-right:5px;} #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line a { cursor:default; color:#7f99aa; text-decoration:underline; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line.enabled .checker { cursor:pointer; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line.enabled .checker img { margin-left:-1.25em; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line.enabled .checker.checked img { margin-top:-1.25em; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line.enabled p { color:#FFF; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .accept .line.enabled a { cursor:pointer; color:#FFF; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .arrow { display:inline; float:right; width:.5em; height:1.6875em; overflow:hidden; margin:.625em .375em 0 0;} #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .arrow img { width:.5em; height:3.375em; } #mainframe #content .booking .block .join .inside .box .confirmjoin .inner .arrow.active img { margin-top:-1.6875em; } #mainframe #content .booking .block .join .inside .packages { border:1px solid #dde6ec; border-top:2px solid #8d9aa3; border-left:1px solid #adbac3; float:left; margin:7px 0 0 20px; background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') 0 10px; width:30.375em; padding:0 0 6px 12px; } #mainframe #content .booking .block .join .inside .packages p { font-size:.8em; margin:.5em 0; } #mainframe #content .booking .block .join .inside .packages .divider { float:left; width:1px; height:6.875em; overflow:hidden; margin-top:20px; background:#8d989e; border-right:1px solid #FFF; } #mainframe #content .booking .block .join .inside .packages .package { float:left; color:#000; width:8.125em; margin:0 13px; display:inline; } #mainframe #content .booking .block .join .inside .packages .package .packageImg { height:3.125em; overflow:hidden; } #mainframe #content .booking .block .join .inside .packages .package .packageImg img { height:6.25em; } #mainframe #content .booking .block .join .inside .packages .package .radioselect { margin:.5em auto .5em auto; cursor:pointer; width:1.0625em; height:1.0625em; overflow:hidden; } #mainframe #content .booking .block .join .inside .packages .package .radioselect img { width:1.0625em; height:auto; display:block; } #mainframe #content .booking .block .join .inside .packages .package .radioselect.active img { margin-top:-1.0625em; } #mainframe #content .booking .block .join .inside .packages .package .radioselect input { border:0 !important; } #mainframe #content .booking .block .join .inside .packages .package p { font-size:.75em; margin:.416667em 0; cursor:default; } #mainframe #content .booking .block .join .inside .packages .package.disabled * { cursor:default; color:#9ca2a5; } #mainframe #content .booking .block .join .inside .packages .package.disabled .packageImg img { margin-top:-3.125em; } #mainframe #content .booking .block .join .inside .packages .package.disabled .radioselect img { margin-top:-2.125em; } #mainframe #content .booking .block .join.standalone { margin:0; padding-bottom:4px; height:auto; background:#FFF; } #mainframe #content .booking .block .join.standalone .inside { width:39.375em; margin:0; } #mainframe #content .booking .block .join.standalone .inside .emboss p { font-size:.8em; margin:1em 0; } #mainframe #content .booking .block .join.standalone .inside .emboss img { /*height:2.1875em*/ } #mainframe #content .booking .block .join.standalone .inside .packages { clear:both; margin:7px auto; width:36.5em !important; } #mainframe #content .booking .block .join.standalone .inside .packages .package { width:9em; margin:0 19px; } #mainframe #content .booking .block .join.standalone .inside .packages .package .radioselect input { border:0 !important; } #mainframe #content .booking .block .join.standalone .inside .packages .divider { height:7.5em; } #mainframe #content .booking .block .bookingdetails { margin-left:.625em; padding-bottom:.3125em; width:58.5em; } #mainframe #content .booking .block .bookingdetails .inside { background:#FFF; display:inline; border:.0625em solid #c2c2c2; margin:.3125em 0 0 .375em; float:left; width:57.625em; padding:1.25em 0; } #mainframe #content .booking .block .bookingdetails .inside .column { display:inline; float:left; margin-left:1.25em; width:27.5em; overflow:hidden;} #mainframe #content .booking .block .bookingdetails .inside .column h1 { display:none; } #mainframe #content .booking .block .bookingdetails .inside .column h2 { display:none; } #mainframe #content .booking .block .bookingdetails .inside .column img { height:1.5em; display:block; } #mainframe #content .booking .block .bookingdetails .inside .column .line { } #mainframe #content .booking .block .bookingdetails .inside .column p { margin:1.25em 2.5em 1.25em 0; font-size:.75em; } #mainframe #content .booking .block .bookingdetails .inside .column p.sorry { border:2px solid #FE0000; padding:11px; } #mainframe #content .booking .block .bookingdetails .inside .column p.sorry img { height:1.3333em; } #mainframe #content .booking .block .bookingdetails .inside .column p.sorry strong { color:#FE0000; font-size:1em; display:block; visibility:hidden; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line { width:100%; display:block; float:left; margin-bottom:.8333em } #mainframe #content .booking .block .bookingdetails .inside .column p span.line span.mandatory { display:block; float:right; font-size:.9em; cursor:default; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line span.mandatory em { color:#3396CF; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line.standalone label { margin:0 0 0 5px; width:31.666em; text-align:left; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line a.info img { height:1.416667em; margin:.16667em 0 0 .3333em; display:block; float:left; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line a.info2 img { height:1.416667em; margin:.16667em 0 0 .3333em; display:block; float:left; } #mainframe #content .booking .block .bookingdetails .inside .column p label { width:12.5em; float:left; text-align:right; margin-right:10px; margin-top:2px;} #mainframe #content .booking .block .bookingdetails .inside .column p label.text { text-align:left; } #mainframe #content .booking .block .bookingdetails .inside .column p a { color:#000; text-decoration:underline; } #mainframe #content .booking .block .bookingdetails .inside .column p label em { color:#3396cf; } #mainframe #content .booking .block .bookingdetails .inside .column p label.agreement { text-align:left; margin-left:.5em; width:17em; } #mainframe #content .booking .block .bookingdetails .inside .column p input { font-size:1em; float:left; width:10.893em; height:1.25em; border:0.0893em solid #999; padding:2px 3px 2px 3px; color:#000; } #mainframe #content .booking .block .bookingdetails .inside .column p input.name { width:14.8333em; } #mainframe #content .booking .block .bookingdetails .inside .column p input.securityCode { width:2.75em; } #mainframe #content .booking .block .bookingdetails .inside .column p input.mail { width:17.8333em; } #mainframe #content .booking .block .bookingdetails .inside .column p input.contact { width:10.6667em; } #mainframe #content .booking .block .bookingdetails .inside .column p input.check { width:1.333em; height:auto; border:0; } #mainframe #content .booking .block .bookingdetails .inside .column p select { font-size:1em; float:left; border:.0833em solid #999; color:#000; width:6.6667em; margin-right:5px; } #mainframe #content .booking .block .bookingdetails .inside .column p select.birthDay { width:4.8333em; } #mainframe #content .booking .block .bookingdetails .inside .column p select.birthMonth { width:4.8333em; } #mainframe #content .booking .block .bookingdetails .inside .column p select.birthYear { width:5.8333em; } #mainframe #content .booking .block .bookingdetails .inside .column p select.securityQuestion { width:18.5em; } #mainframe #content .booking .block .bookingdetails .inside .column p select.title { width:9.25em; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line.error label { color:#FE0000; font-weight:bold; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line.error label em { color:#FE0000; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line.error input { background:#ffd8d9; } #mainframe #content .booking .block .bookingdetails .inside .column p span.line.error select { background:#ffd8d9 !important; } /*#mainframe #content .booking .block .bookingdetails .inside .column .partnermails { padding:15px 15px 15px 148px; background:#daecf8 url('/_img/design/booking/partnermails_bg.gif') no-repeat 20px 15px; }*/ #mainframe #content .booking .block .bookingdetails .inside .column .partnermails { padding:.5em 1em 1em 1em; background:#daecf8; cursor:default; } #mainframe #content .booking .block .bookingdetails .inside .column .white { background:none; } #mainframe #content .booking .block .bookingdetails .inside .column .partnermails h4 { color:#007dc8; font-size:1em; font-weight:bold; clear:both; padding:.5em 0; } #mainframe #content .booking .block .bookingdetails .inside .column .partnermails p { margin-bottom:3px; margin-top:8px; } #mainframe #content .booking .block .bookingdetails .inside .column .partnermails input.check { float:left; margin-right:.5em; } #mainframe #content .booking .block .bookingdetails .inside .column .partnermails label { float:left; font-size:.75em; width:90%; } #mainframe #content .booking .block .bookingdetails .inside .column .partnermails label.error { color:#FE0000; font-weight:bold; } #mainframe #content .booking .block .bookingdetails .inside .column .partnermails br { clear:both; } #mainframe #content .booking .block .bookingdetails .inside .column p.smallprint { font-size:.65em; margin-right:0; } #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub { width:25.75em; margin-top:10px; padding:.375em; background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') top left; } #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub .inner { padding:4px 10px 10px 10px; background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf; } #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub .inner h5 { font-weight:bold; font-size:.8em; padding-bottom:10px; display:none; } #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub .inner img { height:1.25em; padding-bottom:10px; } #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub .inner .account { text-align:center; width:55%; float:left; background:#d8e3ea; font-size:.75em; padding:7px 10px; border:1px solid #d4dfe8; border-left:1px solid #b0b8bb; border-top:2px solid #7e8688;} #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub .inner .account strong { font-size:1.5em; display:block; } #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub .inner .account strong b { color:#537f9c; } #mainframe #content .booking .block .bookingdetails .inside .column .odeonPremiereClub .inner .use { width:35%; float:right; text-align:left; font-size:.8em; font-weight:bold; margin-top:.78125em; } #mainframe #content .booking .block .bookingdetails .inside .column #runningTotalBg { background: url('/_img/design/booking/loading.gif') no-repeat center 20px; min-height:50px; } #mainframe #content .booking .block .bookingdetails .inside .column table { border-collapse:collapse; margin-top:1em; padding-right:20px; width:26.5em; } #mainframe #content .booking .block .bookingdetails .inside .column table td { padding:7px 13px; border-bottom:1px solid #FFF; } #mainframe #content .booking .block .bookingdetails .inside .column table td.date { width:15%; } #mainframe #content .booking .block .bookingdetails .inside .column table td.desc { width:30%; } #mainframe #content .booking .block .bookingdetails .inside .column table td.earn { width:25%; text-align:right; } #mainframe #content .booking .block .bookingdetails .inside .column table td.redeem { width:30%; text-align:right; } #mainframe #content .booking .block .bookingdetails .inside .column table td.item { width:55%; } #mainframe #content .booking .block .bookingdetails .inside .column table td.points { padding:0 0 0 13px;} #mainframe #content .booking .block .bookingdetails .inside .column table td.points a { font-weight:bold;color:#FFF; display:block; background:#527e9a url('/_img/design/booking/btn_use_points_bg.gif') no-repeat top right; height:1.25em; width:9.16667em; padding:.16667em .16667em .16667em .58333em; } #mainframe #content .booking .block .bookingdetails .inside .column table td.points a:hover { background-color:#44687f; background-position:right -19px; } #mainframe #content .booking .block .bookingdetails .inside .column table td.price { text-align:right; } #mainframe #content .booking .block .bookingdetails .inside .column table td.payPoints { padding:0 8px 0 13px;} #mainframe #content .booking .block .bookingdetails .inside .column table td.payPoints .points { float:left; width:50%; margin-top:3px; } #mainframe #content .booking .block .bookingdetails .inside .column table td.payPoints .pay { float:left; width:50%; } #mainframe #content .booking .block .bookingdetails .inside .column table td.payPoints .pay a { color:#FFF; font-weight:bold; display:block; height:15px; background:#007dc8 url('/_img/design/booking/btn_pay_bg.gif') no-repeat 0 0; padding:2px 2px 2px 15px; } #mainframe #content .booking .block .bookingdetails .inside .column table td.payPoints .pay a:hover { background-position:0 -19px; } #mainframe #content .booking .block .bookingdetails .inside .column table thead { background:#007dc8; color:#FFF; font-weight:bold; font-size:.9em;} #mainframe #content .booking .block .bookingdetails .inside .column table tfoot { background:#007dc8; color:#FFF; font-weight:bold; font-size:.9em;} #mainframe #content .booking .block .bookingdetails .inside .column table tbody { font-size:.75em; } #mainframe #content .booking .block .bookingdetails .inside .column table tr.light { background:#daecf8; } #mainframe #content .booking .block .bookingdetails .inside .column table tr.dark { background:#b4d8f0; } #mainframe #content .booking .block .bookingdetails .inside .column table tr.premiereClub { background:#44687E url('/_img/design/booking/premiereclub_tr_bg.gif') repeat-x top left; color:#FFF; font-weight:bold; } #mainframe #content .booking .block .bookingdetails .inside .column table tr.redeemPoints { background:#44687E url('/_img/design/booking/premiereclub_tr_bg.gif') repeat-x top left; } #mainframe #content .booking .block .bookingdetails .inside .column table tr.agreement { color:#000; font-weight:normal; font-size:.7em; } #mainframe #content .booking .block .bookingdetails .inside .column table tr.giftCardUsed { font-size:.8em; } #mainframe #content .booking .block .bookingdetails .inside .column .proceed { float:right; margin-right:1em; display:inline; } #mainframe #content .booking .block .bookingdetails .inside .column .proceed input { cursor:pointer; display:block; font-size:1em; line-height:1em; text-indent:-666px; overflow:hidden; height:1.8125em !important; width:12.9375em; background:#50a414 url('/_img/design/booking/proceed_to_payment.gif') no-repeat center 0; border:0 !important; } #mainframe #content .booking .block .bookingdetails .inside .column .proceed input:hover { background-position:center -29px; background-color:#3c7b10; } #mainframe #content .booking .block .bookingdetails .inside .column .proceed.inactive input { cursor:default; background-position:center -58px !important; background-color:#ffb67f; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmPaymentDetails { float:right; margin-right:1em; display:inline; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmPaymentDetails input { cursor:pointer; display:block; font-size:1em; line-height:1em; text-indent:-666px; overflow:hidden; height:1.8125em !important; width:12.9375em; background:#50a414 url('/_img/design/booking/proceed_to_payment.gif') no-repeat center 0; border:0 !important; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmPaymentDetails input:hover { background-position:center -29px; background-color:#3c7b10; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmPaymentDetails.inactive input { cursor:default; background-position:center -58px !important; background-color:#a7d189; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmTransaction { float:right; margin-right:1em; display:inline; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmTransaction input { cursor:pointer; display:block; font-size:1em; line-height:1em; text-indent:-666px; overflow:hidden; height:2.0625em !important; width:14.1875em; background:#50a414 url('/_img/design/booking/btn_confirm_transaction.gif') no-repeat center 0; border:0 !important; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmTransaction input:hover { background-position:center -33px; background-color:#3c7b10; } #mainframe #content .booking .block .bookingdetails .inside .column .confirmTransaction.inactive input { cursor:default; background-position:center -66px !important; background-color:#a7d189; } #mainframe #content .booking .block .bookingdetails .inside .column .payment-logos { width:26.25em; padding:0 10px; text-align:center; } #mainframe #content .booking .block .bookingdetails .inside .column .payment-logos img { display:inline; } #mainframe #content .booking .block .bookingdetails .inside .column .payment-logos img.logos-line { width:390px; height:39px; margin:4px 0; } #mainframe #content .booking .block .bookingdetails .inside .column .payment-logos img.logos-single { width:69px; height:30px; margin:0 4px; } #mainframe #content .booking .block.payment { background-image:url('/_img/design/booking/step_booking_bg.gif'); } #mainframe #content .booking .block .bookingdetails .inside .column .clubcard {margin:1.25em .75em 1.25em 0; background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') top left; padding:.375em;} #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss { background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; padding:.375em 1em .375em 1em; border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf;} #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss h3 { font-size:1em; display:none; } #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss img { height:1.25em; } #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss p { margin:8px 0 5px 0; } #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss .useCard .checker { cursor:pointer; float:left; width:1.25em; height:1.25em; overflow:hidden; margin:2px 6px 6px 0;} #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss .useCard .checker img { width:3.75em; height:auto; display:block; } #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss .useCard .checker.checked img { margin-top:-1.25em; } #mainframe #content .booking .block .bookingdetails .inside .column .clubcard .emboss .useCard p { padding-top:6px; font-weight:bold; margin:0; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard {margin:1.25em .75em 1.25em 0; font-size:.75em; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .line { width:99%; display:block; float:left; margin-top:.8333em; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard input { font-size:1em; float:left; width:10.893em; height:1.25em; border:0.0893em solid #999; padding:2px 3px 2px 3px; color:#000; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard input.check { width:1.333em; height:1.333em; border:0; margin-right:.5em; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard label { float:left; margin-right:.5em;} #mainframe #content .booking .block .bookingdetails .inside .column .giftcard label em { color:#3396cf; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard a { float:left; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard a img {width:1.4em; height:1.4em; display:block; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails { padding-left:22px; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails label { width:9.16667em; line-height:1.8em;} #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails input { width:12.893em; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails .mandatory { float:right; color:#007dc9; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails .mandatory input { cursor:pointer; border:0; display:block; line-height:1em; text-indent:-666px; color:#FFF; overflow:hidden; height:1.58333em; width:9.58333em; background:#50a414 url('/_img/design/booking/btn_use_gift_card.gif') no-repeat center 0; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails .mandatory input:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails.disabled * { cursor:default; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails.disabled input { border-color:#cdcdcd; background-color:#FFF; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails.disabled label { color:#8e8e8e; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails.disabled label em { color:#8fcbe3; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails.disabled .mandatory { color:#8fcbe3; } #mainframe #content .booking .block .bookingdetails .inside .column .giftcard .carddetails.disabled .mandatory input { cursor:default; background-position:center -38px !important; background-color:#a7d189 !important; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod { margin-top:2em; width:99%; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs { } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a { cursor:pointer; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a:hover { background-position:0 0; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a:hover .tab { background:#007dc8; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a.active:hover .tab { background:#cde6f4; cursor:default; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs .tab { width:9.125em; height:1.75em; overflow:hidden; margin:0 .25em 0 0; background:#cde6f4; float:left; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs .tab h1 { font-size:.9em; float:left;margin:8px 10px 0 10px; color:#007dc8; display:inline;} #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs .tab img { float:right; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a .tab { background:#67b2de; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a .tab h1 { color:#FFF; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a.active .tab { background:#cde6f4; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .tabs a.active .tab h1 { color:#007dc8; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails { clear:both; background:#cde6f4; padding:17px 10px; float:left; width:26.25em; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line { clear:both; display:block; margin-bottom:10px; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line select { float:left; width:10.893em; height:21px; border:1px solid #999; color:#000; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line select.expMonth { width:6.7em; margin-right:10px; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line select.expYear { width:5em; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line label { font-size:.8em; margin-right:10px; width:10.15625em; float:left; text-align:right; line-height:1.7em; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line label.remember { text-align:left; width:auto;} #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line label em { color:#3396cf; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line input { color:#000; float:left; width:17.03125em; height:1.25em; border:1px solid #999; padding:2px 3px 2px 3px; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line input.secCode { width:2.8em; margin-right:5px; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line input.check { width:1.2em; height:1.2em; border:0; margin-right:.5em; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line .mandatory { float:right; font-size:.8em; color:#007dc9; line-height:1.7em;} #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line a { float:left;margin-top:3px; } #mainframe #content .booking .block .bookingdetails .inside .column .paymentMethod .methodDetails .line a.info img { width:1.0625em; height:1.0625em; } #mainframe #content .booking .block .bookingdetails .inside .column .confirm { float:right; margin-right:1em; display:inline; } #mainframe #content .booking .block .bookingdetails .inside .column .confirm input { cursor:pointer; display:block; font-size:1em; line-height:1em; text-indent:-666px; overflow:hidden; height:2.0625em; width:14.1875em; background:#50a414 url('/_img/design/booking/btn_confirm_transaction.gif') no-repeat center 0; } #mainframe #content .booking .block .bookingdetails .inside .column .confirm input:hover { background-position:center -33px; background-color:#3c7b10; } #mainframe #content .booking .block .bookingdetails .inside .column .confirm.disabled input { cursor:default; background-position:center -66px !important; background-color:#a7d189; } #mainframe #content .booking .block .bookingdetails.standalone { width:auto; margin:0; padding:0; background:#FFFFFF url(/_img/design/booking/box_premiere_bg.png) repeat scroll left top; padding:4px; } #mainframe #content .booking .block .bookingdetails.standalone .inside { margin:0; width:auto; border:0; background:#f9fbfb url(/_img/design/booking/premiereclubinfos_bg.gif) repeat-x 0 -50px; border-bottom:2px solid #A2ABAF; border-right:2px solid #A2ABAF; } #mainframe #content .booking .block .bookingdetails.standalone.signup { background:#CCE6F3; } #mainframe #content .booking .block .bookingdetails.standalone.signup .inside { background:#FFF; } #mainframe #content .booking .block .bookingdetails.standalone .inside div.title { } #mainframe #content .booking .block .bookingdetails.standalone .inside .column div.title img { display:inline; height:2.125em; } #mainframe #content .booking .block .bookingdetails.standalone .inside .column form fieldset { font-size:.8em; margin:0 0 2em 0; } #mainframe #content .booking .block .bookingdetails.standalone .inside .column form fieldset legend { display:none; } #mainframe #content .booking .block .bookingdetails.standalone .inside .column form fieldset .desc { margin-bottom:.5em; display:block; } #mainframe #content .booking .block .bookingdetails.standalone .inside .column form fieldset ul li { margin-bottom:4px; } #mainframe #content .booking .block .bookingdetails.standalone .inside .column form fieldset input { vertical-align:bottom; margin:0 5px 0 0; border:0 !important; } #mainframe #content .booking .block .bookingdetails.standalone .inside .column form fieldset label { line-height:.8em; margin:0 5px 0 0; } #mainframe #content .booking .block .bookingdetails.standalone .inside .column form fieldset #childrenbox input.checktext { border:1px solid #999999 !important; vertical-align:middle !important; } #mainframe #content .booking .block.confirmation.off { width:100% !important; } #mainframe #content .booking .block.confirmation { float:left; overflow:hidden; width:39.8125em; background-image:url('/_img/design/booking/step_booking_bg.gif'); } #mainframe #content .booking .block.confirmation .inside { width:37.9375em !important; /*background:blue !important;*/ } #mainframe #content .booking .block.confirmation .inside .column { width:35.4375em !important; clear:both; padding-right:20px; } #mainframe #content .booking .block.confirmation .inside .column img { float:left; margin-bottom:20px; } #mainframe #content .booking .block.confirmation .inside .column .printButton { float:right; margin-top:-5px; } #mainframe #content .booking .block.confirmation .inside .column p { clear:both; margin:0 0 20px 0 !important; } #mainframe #content .booking .block.confirmation .inside .column p.welcome img { display:inline; clear:both; width:100%; height:auto; margin:0; } #mainframe #content .booking .block.confirmation .inside .column p span { display:block; font-weight:bold; font-size:1.2em; margin-top:5px;} #mainframe #content .booking .block.confirmation .inside .column .printButton a { display:block; text-indent:-666px; color:#FFF; overflow:hidden; height:2em; width:94px; background:#50a414 url('/_img/design/booking/btn_print.gif') no-repeat center 0; } #mainframe #content .booking .block.confirmation .inside .column .printButton a:hover { background-position:0 -32px; background-color:#3c7b10; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress { } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress label { font-size:.8em; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress span.check { float:left; width:1em; overflow:hidden; margin-right:5px; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter { clear:both; padding-left:20px; margin-top:14px; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter label { width:11.625em; float:left; text-align:left; line-height:1.7em; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter label em { color:#3396cf; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter input { font-size:.8em; color:#000; float:left; width:17.03125em; height:1.25em; border:1px solid #999; padding:2px 3px 2px 3px; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter .line { clear:both; display:block; margin-bottom:10px; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter .line .mandatory { float:left; font-size:.8em; color:#007dc9; line-height:1.7em; margin-left:5px; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter .line .mandatory input { font-size:1em; cursor:pointer; border:0; display:block; line-height:1em; text-indent:-666px; color:#FFF; overflow:hidden; height:1.484375em; width:13.046875em; background:#50a414 url('/_img/design/booking/btn_resend_confirmation.gif') no-repeat center 0; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter .line .mandatory input:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter.disabled * { cursor:default; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter.disabled input { border-color:#cdcdcd; background-color:#FFF; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter.disabled label { color:#8e8e8e; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter.disabled label em { color:#8fcbe3; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter.disabled .mandatory { color:#8fcbe3; } #mainframe #content .booking .block.confirmation .inside .column .eMailAdress .reEnter.disabled .mandatory input { cursor:default; background-position:center -38px !important; background-color:#a7d189 !important; } #mainframe #content .booking .block.confirmation .inside .column .odeonPoints { cursor:default; background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') left top; padding:4px; margin-bottom:1.5em; color:#CCC; } #mainframe #content .booking .block.confirmation .inside .column .odeonPoints .emboss { color:#000; background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; padding:.375em 1em 0 1em; border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf;} #mainframe #content .booking .block.confirmation .inside .column .odeonPoints img { display:block !important; float:left !important; height:2.125em; margin:0 7px 11px 0;} #mainframe #content .booking .block.confirmation .inside .column .odeonPoints .box { font-size:.75em; width:13.3333em; margin:0 10px 10px 0; float:left; display:inline; } #mainframe #content .booking .block.confirmation .inside .column .odeonPoints .box div { margin-top:5px; font-size:1.05em; font-weight:bold; } #mainframe #content .booking .block.confirmation .inside .column .odeonPoints .box span.highlight { color:#537f9c; } #mainframe #content .booking .block.confirmation .inside .column .odeonPoints p { clear:both; width:100%; padding:0 !important; margin:0 0 10px 0 !important; } #mainframe #content .booking .block.confirmation .inside .column .odeonWelcome { cursor:default; background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') left top; padding:4px; margin-bottom:1.5em; color:#CCC; } #mainframe #content .booking .block.confirmation .inside .column .odeonWelcome .emboss { color:#000; background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; padding:.375em .375em 0 1em; border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf;} #mainframe #content .booking .block.confirmation .inside .column .odeonWelcome img { display:block !important; float:left !important; height:2.125em; margin:0 0 11px 0;} #mainframe #content .booking .block.confirmation .inside .column .odeonWelcome p { clear:both; width:100%; padding:0 !important; margin:0 0 10px 0 !important; } #mainframe #content .booking .block.confirmation .inside .column .odeonWelcome p.envelope { font-weight:bold; padding:0 0 0 33px !important; width:auto; background:url('/_img/design/booking/welcome_envelope.gif') no-repeat top left; } #mainframe #content .booking .block.book .standalone .inside .column .odeonWelcome { cursor:default; background:#FFFFFF url('/_img/design/booking/box_premiere_bg.png') left top; padding:4px; margin-bottom:1.5em; color:#CCC; } #mainframe #content .booking .block.book .standalone .inside .column .odeonWelcome .emboss { color:#000; background:#eef3f5 url('/_img/design/booking/premiereclubinfos_bg.gif') top left; padding:.375em .375em 0 1em; border-right:2px solid #a2abaf; border-bottom:2px solid #a2abaf;} #mainframe #content .booking .block.book .standalone .inside .column .odeonWelcome img { display:block !important; float:left !important; height:2.125em; margin:0 0 11px 0;} #mainframe #content .booking .block.book .standalone .inside .column .odeonWelcome p { clear:both; width:100%; padding:0 !important; margin:0 0 10px 0 !important; } #mainframe #content .booking .block.book .standalone .inside .column .odeonWelcome p.envelope { font-weight:bold; padding:0 0 0 33px !important; width:auto; background:url('/_img/design/booking/welcome_envelope.gif') no-repeat top left; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails { margin:2em 0; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table { width:49%; margin:0 5px 0 0; padding:0; float:left; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table td { border:0; vertical-align:top; font-weight:bold; width:60%; padding:5px 5px 0 0; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table td.desc { text-align:right; font-weight:normal; width:40%; padding-right:.6667em; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table thead { background:none; color:#007dc8; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total { float:right; width:45%; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total thead td { text-align:left; font-weight:bold; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total td { width:40%; text-align:right; font-weight:normal; padding-right:10px; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total .desc { width:60%; text-align:left; padding-right:0;} #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total tfoot { background:none; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total tfoot tr td { padding-top:5px; margin:0; font-weight:bold; padding-right:0; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total tfoot tr td span { font-size:.8em; display:block; background:#007dc8; padding:6px 10px; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total tfoot tr.premiereClub td { padding-top:0; border-top:1px solid white; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total tfoot tr.premiereClub td span { text-align:right; background:none; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total tfoot tr.premiereClub td span strong { display:block; float:left; text-align:left; width:83%; } #mainframe #content .booking .block.confirmation .inside .column .bookingDetails table.total tfoot tr.premiereClub td span em { font-style:normal; } #mainframe #content .booking .block.confirmation .inside .column h4 { color:#007dc8; font-size:1em; font-weight:bold; margin-bottom:5px; } #mainframe #content .booking .block.confirmation .inside .column h4.highlight { background:#cde6f4; color:#000; font-size:.8em; padding:6px 10px 6px 10px; } #mainframe #content .booking .block.off { background:#e2e4e5 url('/_img/design/booking/step_disabled_bg.gif') repeat-x top; padding:0; height:3.25em; cursor:default; } #mainframe #content .booking .block.off .title { margin:.4375em 0 0 .5625em; float:left; display:inline; } #mainframe #content .booking .block.off .title img { display:block; } #mainframe #content .booking .block.off .text { float:left; margin:1em 0 0 1em;} #mainframe #content .booking .block.off .text h2 { font-size:1em; color:#787878; } #mainframe #content .booking .block.off .details { height:2.3125em; float:left; padding-left:1em; margin:.5em 0 0 1em; background:url('/_img/design/booking/seating_infos_box_bg.gif') no-repeat left center; } #mainframe #content .booking .block.off .details h4 { font-size:.8em; color:#787878; margin-bottom:.234375em; } #mainframe #content .booking .block.off .seats { height:2.3125em; float:left; padding-left:1em; margin:.5em 0 0 1em; background:url('/_img/design/booking/seating_infos_box_bg.gif') no-repeat left center; } #mainframe #content .booking .block.off .seats h4 { font-size:.8em; line-height:2.6em; color:#787878; } #mainframe #content .booking .block.off .amend { display:inline; float:right; margin:.75em 1.25em 0 0; } #mainframe #content .booking .block.off .amend a { display:block; text-indent:-666px; color:#FFF; overflow:hidden; background:#50a414 url('/_img/design/booking/btn_amend.gif') no-repeat top; width:4em; height:1.1875em; margin-top:4px;} #mainframe #content .booking .block.off .amend a:hover { background-position:center -19px; } #mainframe #content .booking .block.login.off .details h4 { font-size:.8em; line-height:2.6em; color:#787878; } #mainframe #content .booking .wherenext { width:18.75em; float:left; margin-left:.875em; margin-top:.625em;} #mainframe #content .booking .wherenext h2 { color:#007dc8; font-size:1em; line-height:1em;} #mainframe #content #left { float:left; } #mainframe #content #left .moduleColumn { width:18.75em; margin:0 0.4375em 0 0.875em; float:left; display:inline; } #mainframe #content #left .moduleColumn h1 { font-size:1.25em; color:#007dc8; padding:0; line-height:1em; } #mainframe #content #left .moduleColumn .newsBox { margin-bottom:.875em; width:18.75em; overflow:hidden; } #mainframe #content #left .moduleColumn .newsBox .tabs { } #mainframe #content #left .moduleColumn .newsBox .tabs a { cursor:pointer; } #mainframe #content #left .moduleColumn .newsBox .tabs a:hover { background-position:0 0; } #mainframe #content #left .moduleColumn .newsBox .tabs a:hover .tab { background:#007dc8; } #mainframe #content #left .moduleColumn .newsBox .tabs a:hover .tab h1 { background-position:center -12px !important; } #mainframe #content #left .moduleColumn .newsBox .tabs a.active:hover .tab { background:#cde6f4; cursor:default; } #mainframe #content #left .moduleColumn .newsBox .tabs a.active:hover .tab h1 { background-position:center -24px !important; } #mainframe #content #left .moduleColumn .newsBox .tabs a.active .tab h1 { background-position:center -24px !important; } #mainframe #content #left .moduleColumn .newsBox .tabs .tab { display:block; width:4.75em; height:1.75em; overflow:hidden; margin:0 .25em 0 0; background:#cde6f4; float:left; } #mainframe #content #left .moduleColumn .newsBox .tabs .tab h1 { font-size:.9em; float:left;margin:8px 10px 0 12px; color:#007dc8; display:inline;} #mainframe #content #left .moduleColumn .newsBox .tabs .tab img { float:right; } #mainframe #content #left .moduleColumn .newsBox .tabs .tab img.tabTitle { float:left; height:1.25em; margin:3px 0 0 10px; } #mainframe #content #left .moduleColumn .newsBox .tabs .tab.premiereClub { height:1.6875em; width:12.75em; background:#d2dde3 url('/_img/design/premiere_club_shinybg.gif') repeat-y -80px 0 !important; } #mainframe #content #left .moduleColumn .newsBox .tabs .tab.premiereClub h1 { display:none; } #mainframe #content #left .moduleColumn .newsBox .tabs a#anews .tab h1 { height:12px; width:36px; background:url('/_img/design/tab_news.gif') no-repeat center top; text-indent:-666px; overflow:hidden; } #mainframe #content #left .moduleColumn .newsBox .tabs a .tab { background:#67b2de; } #mainframe #content #left .moduleColumn .newsBox .tabs a .tab h1 { color:#FFF; } #mainframe #content #left .moduleColumn .newsBox .tabs a.active .tab { background:#cde6f4; } #mainframe #content #left .moduleColumn .newsBox .tabs a.active .tab h1 { color:#007dc8; } #mainframe #content #left .moduleColumn .newsBox .content { background:#cce6f3; padding:.75em;} #mainframe #content #left .moduleColumn .newsBox .content .article { display:block; width:17.25em; height:4em; overflow:hidden; margin-bottom:.0625em;} #mainframe #content #left .moduleColumn .newsBox .content .article .thumb { margin:.625em 0 0 .625em; width:4.25em; height:2.75em; float:left; display:inline; } #mainframe #content #left .moduleColumn .newsBox .content .article .thumb img { display:block; width:100%; } #mainframe #content #left .moduleColumn .newsBox .content .article .text { font-weight:normal; font-size:.8em; color:#001421; display:block; width:14.0625em; margin:.625em 0 0 .8125em; float:left; } #mainframe #content #left .moduleColumn .newsBox .content a { cursor:pointer; display:block; width:100%; height:100%; background:#FFF url('/_img/design/shade_news.gif') repeat-x top;} #mainframe #content #left .moduleColumn .newsBox .content a:hover { background-position:0 -4em; background-color:#cce7f2; } #mainframe #content #left .moduleColumn .newsBox .content a:hover .text { text-decoration:underline; } #mainframe #content #left .moduleColumn .newsBox.premiereClub { } #mainframe #content #left .moduleColumn .newsBox.premiereClub .tabs .tab { height:1.6875em; } #mainframe #content #left .moduleColumn .newsBox.premiereClub .tabs .tab.premiereClub { height:1.75em; } #mainframe #content #left .moduleColumn .newsBox.premiereClub .content { padding:.25em; background:#d2dde3 url('/_img/design/premiere_club_shinybg.gif') repeat-y; } #mainframe #content #left .moduleColumn .newsBox.premiereClub .content .emboss { background:#edf1f4 url('/_img/design/premiere_club_emboss_bg.jpg'); border-right:2px solid #abb3b7; border-bottom:2px solid #abb3b7; padding:.5em .5em .375em .5em; } #mainframe #content #left .moduleColumn .newsBox.premiereClub .content .emboss .article a { background:url('/_img/design/shade_news_premiereclub.gif') repeat-x top;} #mainframe #content #left .moduleColumn .newsBox.premiereClub .content .emboss .article a:hover { background-position:0 -4em; background-color:#cce7f2; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn { } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .tabs .tab.premiereClub { width:12.75em; background:#d2dde3 url('/_img/design/premiere_club_shinybg.gif') repeat-y -80px 0 !important; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .userInfo { font-size:.8em; margin-bottom:14px; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .accountInfo { margin-bottom:1em; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .accountInfo .points { cursor:default; margin-right:10px; margin-left:3px; float:left; padding:.58333em .58333em .8333em .58333em; width:10.41667em; height:5.75em; overflow:hidden; font-size:.75em; background:#f9fbfb url(/_img/design/booking/premiereclubinfos_bg.gif) repeat-x top; border:1px solid #ccd9e1; border-left:1px solid #B5BABE; border-top:2px solid #8D9193;} #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .accountInfo .points span { display:block; color:#000; font-size:3em; line-height:.9em; font-weight:bold; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .accountInfo .menu { float:left; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .accountInfo .menu ul li { display:block; height:1.25em; overflow:hidden; margin-bottom:.1875em; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .accountInfo .menu ul li a { height:1.6667em;; width:9.416667em; font-weight:bold; color:#FFF; background:#527e9a url('/_img/design/booking/btn_use_points_bg.gif') no-repeat top right; font-size:.75em; padding:.25em 0 0 .3333em; display:block; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .accountInfo .menu ul li a:hover { background-position:right -19px; } #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .emboss .article a { background:url('/_img/design/shade_news_premiereclub_02.gif') repeat-x top;} #mainframe #content #left .moduleColumn .newsBox.premiereClub.loggedIn .content .emboss .article a:hover { background-position:0 -4em; background-color:#cce7f2; } #mainframe #content #left .moduleColumn .news {margin-bottom:1.125em; } #mainframe #content #left .moduleColumn .news .article { display:block; width:100%; height:3.5em; margin-top:.75em; overflow:hidden;} #mainframe #content #left .moduleColumn .news .article .thumb { margin-left:0.625em; width:4.25em; height:2.75em; float:left; display:inline; } #mainframe #content #left .moduleColumn .news .article .thumb img { display:block; width:100%; } #mainframe #content #left .moduleColumn .news .article .text { font-weight:normal; font-size:.8em; color:#001421; display:block; width:15.78125em; margin-left:0.8125em; float:left; margin-top:0.375em; } #mainframe #content #left .moduleColumn .news a { cursor:pointer; display:block; width:100%; height:100%; background:url('/_img/design/shade_article.gif') repeat-x top;} #mainframe #content #left .moduleColumn .news a:hover { background-position:0 -3.5em; } #mainframe #content #left .moduleColumn .news a:hover .text { text-decoration:underline; } #mainframe #content #left .moduleColumn .releases { margin-bottom:.875em; margin-top:0.875em;} #mainframe #content #left .moduleColumn .releases h1 { display:inline; float:left; width:6.5em; margin-left:.5em; height:1em; text-indent:-6666px; overflow:hidden; background:url('/_img/design/new_releases.gif') no-repeat top left; } #mainframe #content #left .moduleColumn .releases span { float:left; color:#007dc8; font-weight:bold; font-size:.8em; cursor:default; } #mainframe #content #left .moduleColumn .releases .releasesBox { clear:both; height:10.25em; background:#cde6f4; padding-left:13px; } #mainframe #content #left .moduleColumn .releases .releasesBox span { font-size:1em; overflow:hidden; } #mainframe #content #left .moduleColumn .releases .releasesBox a.arrow { cursor:pointer; text-indent:-666px; width:1.0625em; height:4em; margin-top:2.875em; display:block; float:left; background:url('/_img/design/new_releases_sprites.gif') no-repeat top left; } #mainframe #content #left .moduleColumn .releases .releasesBox a.arrow.right { background-position:-1.0625em 0; } #mainframe #content #left .moduleColumn .releases .releasesBox a.arrow.right:hover { background-position:-1.0625em -4em; } #mainframe #content #left .moduleColumn .releases .releasesBox a.arrow.left:hover { background-position:0 -4em; } #mainframe #content #left .moduleColumn .releases .releasesBox span.moviePoster { margin:.625em; width:13.75em; height:9em; } #mainframe #content #left .moduleColumn .advertising { margin-bottom:.875em; /*height:15.625em;*/ width:100%; overflow:hidden;} #mainframe #content #left .moduleColumn .advertising img { display:block; } #mainframe #content #left .moduleColumn .top10 { margin-top:0.875em; } #mainframe #content #left .moduleColumn .top10 img { width:5em; margin-left:.75em; } #mainframe #content #left .moduleColumn .top10 h1 { display:none; } #mainframe #content #left .moduleColumn .top10 ol { margin-top:.375em; } #mainframe #content #left .moduleColumn .top10 ol li a { display:block; height:1.4375em; background:url('/_img/design/shade_top10.gif') repeat-x top; padding:.375em 0 0 .75em; color:#000; overflow:hidden;} #mainframe #content #left .moduleColumn .top10 ol li a span { font-weight:bold; display:block; float:left; width:1.5625em; } #mainframe #content #left .moduleColumn .top10 ol li a h2 { font-size:.8em; font-weight:normal; margin-top:0.078125em; } #mainframe #content #left .moduleColumn .top10 ol li a:hover { background-position:0 -1.8125em; background-color:#9dcdea; } #mainframe #content #left .moduleColumn .top10 ol li a:hover h2 { text-decoration:underline; } #mainframe #content #left .moduleColumn .paymentBanner { text-align:center; } #mainframe #content #left .moduleColumn .selectedCinema { background:#CCE6F3 ; padding-bottom:.8em; margin-bottom: 1em; } #mainframe #content #left .moduleColumn .selectedCinema h2 { display:block; height:1.796875em; line-height:1.796875em; background:#007DC8; font-size:.8em; color:#FFF; padding:0 .8em; } #mainframe #content #left .moduleColumn .selectedCinema p { font-size:.8em; margin:.8em; } #mainframe #content #left .moduleColumn .selectedCinema p b { color:#007DC8; } #mainframe #content #left .moduleColumn .selectedCinema p span.subline { display:block; padding-left:15px; font-size:.85em; } #mainframe #content #left .moduleColumn .selectedCinema ul { font-size:.8em; margin:0 .8em; padding-bottom:.5em; } #mainframe #content #left .moduleColumn .selectedCinema ul li { margin:0 0 .3em 0; } #mainframe #content #left .moduleColumn .selectedCinema a { color:#007DC8; } #mainframe #content #left .moduleColumn .selectedCinema a:hover { text-decoration:underline; } #mainframe #content #left .moduleColumn .selectedCinema form { font-size:.8em; margin:.8em; } #mainframe #content #left .moduleColumn .selectedCinema form select { float:left; width:17em; border:0.0833em solid #999999; color:#000; margin-right:5px; background:#FFF; } #mainframe #content #left .moduleColumn .selectedCinema form input.goBtn { float:left; cursor:pointer; background:#50a414 url('/_img/design/btn_go.gif') no-repeat top center; width:2.96875em; height:1.484375em; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #left .moduleColumn .selectedCinema form input.goBtn:hover { background-position:center -19px; background-color:#3c7b10; } /* THESE ARE ALSO USED ON THE BOOKING CONFIRMATION PAGE: */ .banners {margin-bottom:1.125em; } .banners a { cursor:pointer; display:block; width:100%; height:100%; } .banners a:hover { background-position:0 0; } /* NO LONGER NEEDED ... .banners .exclusiveoffers { display:block; width:100%; height:9.9375em; margin-top:.75em; overflow:hidden;} .banners .exclusiveoffers .image { width:100%; height:9.9375em; float:left; display:inline; } .banners .exclusiveoffers .image img { display:block; width:100%; } .banners .exclusiveoffers a:hover .image img { margin-top:-9.9375em; } .banners .odeondirect { display:block; width:100%; height:6.8125em; margin-top:.75em; overflow:hidden;} .banners .odeondirect .image { width:100%; height:6.8125em; float:left; display:inline; } .banners .odeondirect .image img { display:block; width:100%; } .banners .odeondirect a:hover .image img { margin-top:-6.8125em; } .banners .newreleases { display:block; width:100%; height:6.8125em; margin-top:.75em; overflow:hidden;} .banners .newreleases .image { width:100%; height:6.8125em; float:left; display:inline; } .banners .newreleases .image img { display:block; width:100%; } .banners .newreleases a:hover .image img { margin-top:-6.8125em; } .banners .odeonmagazine { display:block; width:100%; height:6.375em; margin-top:.75em; overflow:hidden;} .banners .odeonmagazine .image { width:100%; height:6.375em; float:left; display:inline; } .banners .odeonmagazine .image img { display:block; width:100%; } .banners .odeonmagazine a:hover .image img { margin-top:-6.375em; } .banners .odeonimax { display:block; width:100%; height:6.25em; margin-top:.75em; overflow:hidden;} .banners .odeonimax .image { width:100%; height:6.25em; float:left; display:inline; } .banners .odeonimax img { display:block; width:100%; } .banners .odeonimax a:hover img { margin-top:-6.25em; } */ #mainframe #content #right { float:left; width:41.1875em; } #mainframe #content #right #contentarea { width:39.875em; margin-left:7px; } #mainframe #content #right #contentarea input { border:0.0893em solid #999999; color:#000; height:1.25em; padding:2px 3px; } #mainframe #content #right #contentarea textarea { border:0.0893em solid #999999; color:#000; padding:2px 3px; } #mainframe #content #right #contentarea textarea.comment { width:23.4375em; } #mainframe #content #right #contentarea select { border:0.0833em solid #999999; color:#000; margin-right:5px; background:#FFF; } #mainframe #content #right #contentarea input.goBtn { cursor:pointer; background:#50a414 url('/_img/design/btn_go.gif') no-repeat top center; width:2.96875em; height:1.484375em; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.goBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.backBtn { cursor:pointer; background:#50a414 url('/_img/design/btn_back.gif') no-repeat top center; width:55px; height:19px; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.backBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.bookBtn { cursor:pointer; background:#50a414 url('/_img/design/booking/btn_book.gif') no-repeat top center; width:61px; height:19px; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.bookBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.submitBtn { margin:0; cursor:pointer; background:#50a414 url('/_img/design/btn_submit.gif') no-repeat top center; width:67px; height:19px; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.submitBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.addBtn { cursor:pointer; background:#50a414 url('/_img/design/btn_addtoshoppingbasket.gif') no-repeat top center; width:189px; height:19px; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.addBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.updateBtn { cursor:pointer; background:#50a414 url('/_img/design/btn_updatequantity.gif') no-repeat top center; width:134px; height:19px; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.updateBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.acceptBtn { cursor:pointer; background:#50a414 url('/_img/design/btn_accept.gif') no-repeat top center; width:69px; height:19px; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.acceptBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.noAcceptBtn { cursor:pointer; background:#50a414 url('/_img/design/btn_do_not_accept.gif') no-repeat top center; width:101px; height:19px; border:0; padding:0; line-height:1.484375em; text-indent:-666px; overflow:hidden; } #mainframe #content #right #contentarea input.noAcceptBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right #contentarea input.btnImage { border:0; padding:0; height:auto; } #mainframe #content #right #contentarea #gmap_results .result { margin:1em 0; } #mainframe #content #right #contentarea #gmap_results .result .namebox { } #mainframe #content #right #contentarea #gmap_results .result a { background:#50a414 url('/_img/design/btn_go.gif') no-repeat top center; width:38px; height:19px; text-indent:-666px; overflow:hidden; display:block; } #mainframe #content #right #contentarea #gmap_results .result a:hover { background-position:center -19px; } #mainframe #content #right #contentarea #gmap_results .gmap-result-link a { background:#50a414 url('/_img/design/btn_go.gif') no-repeat top center; width:38px; height:19px; text-indent:-666px; overflow:hidden; display:block; } #mainframe #content #right #contentarea #gmap_results .gmap-result-link a:hover { background-position:center -19px; } #mainframe #content #right #contentarea .bookbutton { margin-top:.25em; height:1.25em; width:5.0625em; overflow:hidden; float:right; } #mainframe #content #right #contentarea .bookbutton a { cursor:pointer; display:block; font-size:1em; } #mainframe #content #right #contentarea .bookbutton a img { width:5.0625em; display:block; } #mainframe #content #right #contentarea .bookbutton a:hover { background-position:0 0; } #mainframe #content #right #contentarea .bookbutton a:hover img { margin-top:-1.25em; } #mainframe #content #right #contentarea input.check { width:1.333em; height:auto; border:0; } /* -- CENTER COLUMN -- */ #mainframe #content #right .centerColumn { width:25em; margin:0 0.4375em; float:left; display:inline; } #mainframe #content #right .centerColumn .playerApp { margin-bottom:.875em; } #mainframe #content #right .centerColumn .playerApp #playerWindow { width:100%; height:16.375em; } #mainframe #content #right .centerColumn .playerApp #playerWindow img { display:block; width:100%; } #mainframe #content #right .centerColumn .playerApp .infopanel { background:#333; height:4em; color:#FFF; } #mainframe #content #right .centerColumn .playerApp .infopanel a { color:#FFF; cursor:pointer; } #mainframe #content #right .centerColumn .playerApp .infopanel a:hover { background-position:0 0; } #mainframe #content #right .centerColumn .playerApp .infopanel a:hover h1 { text-decoration:underline; } #mainframe #content #right .centerColumn .playerApp .infopanel h1 { font-size:.9em; margin:0 .83em; height:2.2em; float:left; line-height:2.2em; overflow:hidden; display:inline; } #mainframe #content #right .centerColumn .playerApp .infopanel .details { clear:both; float:left; display:inline; font-size:.9em; margin:0 .83em; width:26.0416667em;} #mainframe #content #right .centerColumn .playerApp .infopanel .details .certRating { float:left; } #mainframe #content #right .centerColumn .playerApp .infopanel .details .certRating img { vertical-align:middle; } #mainframe #content #right .centerColumn .playerApp .infopanel .details .certRating img.cert { margin-right:.83em; } #mainframe #content #right .centerColumn .playerApp .infopanel .details .booknow {float:right; } #mainframe #content #right .centerColumn .playerApp .infopanel .details .booknow a { text-indent:-666px; overflow:hidden; display:block; width:5.625em; height:1.38889em; background:url('/_img/design/btn_booknow.gif') no-repeat; } #mainframe #content #right .centerColumn .playerApp .infopanel .details .booknow a:hover { background-position:0 -1.38889em; } #mainframe #content #right .centerColumn .playerApp .selectionpanel { height:6.25em; background:#d6d6d6; } #mainframe #content #right .rightColumn { width:14em; margin:0 0.875em 0 0.4375em; float:left; display:inline; } #mainframe #content #right .rightColumn img { float:left; margin-right:.625em; width:6em; margin-bottom:.25em; margin-left:.4375em; } #mainframe #content #right .rightColumn h1 { display:none; font-size:1.25em; color:#007dc8; padding:0; line-height:1em; float:left; margin-right:.625em; } #mainframe #content #right .rightColumn h2 { font-size:.75em; font-weight:normal; color:#007dc8; padding:0; line-height:1em; } #mainframe #content #right .rightColumn .booknow { overflow:hidden; } #mainframe #content #right .rightColumn .booknow a { font-size:.7em; text-decoration:underline; color:#007dc8; } #mainframe #content #right .rightColumn .booknow #booknowheadline { float:left; } #mainframe #content #right .rightColumn .booknow #booknowflash { clear:both; width:14em; height:14.625em; background:#cde6f4; margin-bottom:.75em; overflow:hidden; } #mainframe #content #right .rightColumn .booknow #booknowflash form { margin:12px; } #mainframe #content #right .rightColumn .booknow #booknowflash form fieldset { margin-bottom:5px; display:inline; width:100%; } #mainframe #content #right .rightColumn .booknow #booknowflash form fieldset legend { font-size:.8em; } #mainframe #content #right .rightColumn .booknow #booknowflash form fieldset select { border:.0833em solid #037cc3; color:#000; margin-bottom:4px; width:100%; font-size:.8em; background:#FFF; } #mainframe #content #right .rightColumn .booknow #booknowflash form #resetbox { float:left; } #mainframe #content #right .rightColumn .booknow #booknowflash form #resetbox a { color:#037cc3; } #mainframe #content #right .rightColumn .booknow #booknowflash form #resetbox img { width:.5625em; margin:2px; } #mainframe #content #right .rightColumn .booknow #booknowflash form input.goBtn { float:right; cursor:pointer; background:#50a414 url('/_img/design/btn_go.gif') no-repeat top center; width:2.375em; height:1.1875em; font-size:1em; line-height:1.1875em; text-indent:-666px; overflow:hidden; } #mainframe #content #right .rightColumn .booknow #booknowflash form input.goBtn:hover { background-position:center -19px; background-color:#3c7b10; } #mainframe #content #right .rightColumn .odeonplus { } #mainframe #content #right .rightColumn .odeonplus img { float:left; margin-right:.625em; width:6.5em; margin-bottom:.25em; margin-left:.4375em; } #mainframe #content #right .rightColumn .odeonplus h1 { display:none; color:#3641a2; } #mainframe #content #right .rightColumn .odeonplus a { font-size:.7em; text-decoration:underline; color:#3641a2; } #mainframe #content #right .rightColumn .odeonplus .box { clear:both; height:7.5em; background:#e2e3f2; padding:.625em; overflow:hidden;} #mainframe #content #right .rightColumn .odeonplus .box a { font-size:1em; } #mainframe #content #right .rightColumn .odeonplus .box .item { margin-bottom:.625em;} #mainframe #content #right .rightColumn .odeonplus .box .item .image { float:left; margin-right:.625em;} #mainframe #content #right .rightColumn .odeonplus .box .item .image img { width:4.25em; } #mainframe #content #right .rightColumn .odeonplus .box .item .text { font-size:1.2em; } #mainframe #content #right .rightColumn .odeonplus .box .item .text span { display:block; } #mainframe #content #right .rightColumn .odeonplus .box .item .text a { color:#000; text-decoration:none; font-size:.7em;} #mainframe #content #right .rightColumn .odeonplus .box .item .text a:hover { text-decoration:underline; } #mainframe #content #right .rightColumn .odeonplus .box .item .bookbutton { margin-top:.25em; height:1.25em; width:5.0625em; overflow:hidden; float:right; } #mainframe #content #right .rightColumn .odeonplus .box .item .bookbutton a { cursor:pointer; display:block; font-size:1em; } #mainframe #content #right .rightColumn .odeonplus .box .item .bookbutton a img { width:5.0625em; display:block; margin:0; } #mainframe #content #right .rightColumn .odeonplus .box .item .bookbutton a:hover { background-position:0 0; } #mainframe #content #right .rightColumn .odeonplus .box .item .bookbutton a:hover img { margin-top:-1.25em; } /* -- CONTENT-SEITE -- */ #mainframe #content #right .flasharea { margin:0 0.4375em 0.875em 0.4375em; width:39.875em; height:26.625em; background:#FFF; color:#000; } #mainframe #content #right .opcpackage { width:12.75em; float:left; margin:0 0.375em 0 0.4375em; display:inline; } #mainframe #content #right .opcpackage img { width:12.75em; } /* -- DIE AUF DER STARTSEITE VORGESTELLTEN FILME -- */ #mainframe #content #right .movies { clear:both; width:39.875em; margin:0 0 0 .4375em; } #mainframe #content #right .movies .tabs { } #mainframe #content #right .movies .tabs a { cursor:pointer; } #mainframe #content #right .movies .tabs a:hover { background-position:0 0; } #mainframe #content #right .movies .tabs a:hover .tab { background:#007dc8; } #mainframe #content #right .movies .tabs a:hover .tab h1{ background:#007dc8; background-position:center -12px !important;} #mainframe #content #right .movies .tabs a.active:hover .tab { background:#cde6f4 !important; cursor:default; } #mainframe #content #right .movies .tabs a.active:hover .tab h1 { background-color:#cde6f4 !important; background-position:center -24px !important; } #mainframe #content #right .movies .tabs .tab { display:block; width:9.125em; height:1.75em; overflow:hidden; margin:0 .25em 0 0; background:#cde6f4; float:left; position:relative; } #mainframe #content #right .movies .tabs .tab h1 { font-size:1em; float:left;margin:8px 10px 0 12px; color:#007dc8; display:inline;} #mainframe #content #right .movies .tabs .tab img { position:absolute; right:0; top:0; width:.6875em; height:1.75em; } #mainframe #content #right .movies .tabs a .tab { background:#67b2de; } #mainframe #content #right .movies .tabs a .tab h1 { color:#FFF; height:12px; overflow:hidden; text-indent:-666px; background-repeat:no-repeat; background-position:center top; } #mainframe #content #right .movies .tabs a.active .tab { background:#cde6f4; } #mainframe #content #right .movies .tabs a.active .tab h1 { color:#007dc8; background-position:center -24px !important; } #mainframe #content #right .movies .tabs a#anbooking .tab h1 { width:89px; background-image:url('/_img/design/tab_nowbooking.gif'); } #mainframe #content #right .movies .tabs a#acomingsoon .tab h1 { width:87px; background-image:url('/_img/design/tab_comingsoon.gif'); } #mainframe #content #right .movies .tabs a#anewreleases .tab h1 { width:96px; background-image:url('/_img/design/tab_newreleases.gif'); } #mainframe #content #right .movies .tabs a#arecommended .tab h1 { width:96px; background-image:url('/_img/design/tab_recommended.gif'); } /* -- TAB VISIBILITY FÜR DAS MOVIEGRID BEI JAVASCRIPT DISABLED -- */ #jsmovietabs { display: none; } #tbooking { margin:.25em 0 0 0; } #tcomingsoon { margin:.25em 0 0 0; } #tnewreleases { margin:.25em 0 0 0; } #trecommended { margin:.25em 0 0 0; } #mainframe #content #right .movies .grid { clear:both; width:39.125em; overflow:hidden; padding:.8125em 0 .8125em .75em; } #mainframe #content #right .movies .grid.lightblue { background:#cde6f4; } #mainframe #content #right .movies .grid.middleblue { background:#67b2de; } #mainframe #content #right .movies .grid.darkblue { background:#007dc8; } #mainframe #content #right .movies .grid .line { overflow:hidden; background:url('/_img/design/line_background.gif') repeat-y; margin-bottom:1.25em;} #mainframe #content #right .movies .grid .line .item { width:12.25em; float:left; background:#FFF; margin-right:.75em;} #mainframe #content #right .movies .grid .line .item .image { display:block; width:12.25em; height:6.875em; overflow:hidden; } #mainframe #content #right .movies .grid .line .item .image img { width:12.25em; height:6.875em; display:block; } #mainframe #content #right .movies .grid .line .item .title { display:block; background:#333; color:#FFF; padding:0 .3125em; } #mainframe #content #right .movies .grid .line .item .title h2 { font-size:.8em; font-weight:bold; float:left; padding:4px 0; width:12.5em; } #mainframe #content #right .movies .grid .line .item .title img { padding: 3px 0; float: right; } #mainframe #content #right .movies .grid .line .item a { display:inline; cursor:pointer; } #mainframe #content #right .movies .grid .line .item a:hover { background-position:0 0; } #mainframe #content #right .movies .grid .line .item a:hover .title { background:#007dc8; } #mainframe #content #right .movies .grid .line .item .infos { padding:.3125em; } #mainframe #content #right .movies .grid .line .item .infos img { vertical-align:middle; margin-right:5px; margin-bottom:5px; } #mainframe #content #right .movies .grid .line .item .infos p { font-size:.8em; margin-top:5px;} #mainframe #content #right .movies .grid .line .item .infos p.rating img { display:inline; margin:0; } #mainframe #content #right .movies .grid .line .item .infos p.advanced { color:#63a436; } #mainframe #content #right .movies .grid .line .item .infos p.advanced a { color:#63a436; } #mainframe #content #right .movies .grid .line .item .infos p.advanced a:hover { text-decoration:underline; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton { margin:.5em 0; height:1.25em; /*width:5.0625em;*/ overflow:hidden; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.trailerlink { float:left; display:block; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.trailerlink a { color:#007dc8; background:url('/_img/design/btn_play.gif') no-repeat 0 2px; padding-left:14px; margin-top:2px; font-size:.75em; font-weight:bold; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.trailerlink a:hover { text-decoration:underline; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.bbutton { float:right; display:block; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.bbutton a { cursor:pointer; display:block; font-size:1em; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.bbutton a img { width:5.0625em; display:block; margin:0; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.bbutton a:hover { background-position:0 0; } #mainframe #content #right .movies .grid .line .item .infos .bookbutton span.bbutton a:hover img { margin-top:-1.25em; } #mainframe #content #right .movies .grid .browseall { text-align:right; margin-right:.75em; } #mainframe #content #right .movies .grid .browseall a { color:#000; font-size:.8em; background:url('/_img/design/arrow_white.gif') no-repeat 0 .15625em; padding-left:1.171875em; } #mainframe #content #right .movies .grid .browseall a:hover { text-decoration:underline; } /* -- DER FOOTER -- */ #mainframe #footer { background:#FFF; padding:.875em 0;} #mainframe #footer .inside { height:6em; margin:0 .875em .875em .875em; padding:.875em; background:url('/_img/design/footer_bg.gif') repeat-x top; } #mainframe #footer .box { width:33.33%; float:left; color:#333; } #mainframe #footer .box p { font-size:.7em; margin:0 .8929em .8929em 0; cursor:default; } #mainframe #footer .box .links { width:94%; float:right;} #mainframe #footer .box .links ul { font-size:.8em; float:left; width:50%; } #mainframe #footer .box .links a { color:#333; text-decoration:underline; } #mainframe #footer .box .links a:hover { color:#000; } #mainframe #footer .sharing { cursor:default; clear:both; text-align:center; color:#007dc8; font-size:.8em; font-weight:bold; padding-top:1.171875em; } #mainframe #footer .sharing ul { display:inline; } #mainframe #footer .sharing ul li { display:inline; margin:0 1.171875em; } #mainframe #footer .sharing ul li img { margin-bottom:-.234375em; } #mainframe #footer .sharing ul li a { color:#007dc8; font-weight:normal; } #mainframe #footer .sharing ul li a:hover { text-decoration:underline; } #mainframe #footer .copyline { text-align:center; font-size:.8em; padding:.78125em 0; } #mainframe #skyscraper { position:absolute; top:8em; left:63.125em; } #mainframe #skyscraper img { width:7.5em; } #mainframe #content #right .centerColumn .playerApp { margin-bottom:.875em; } * html #mainframe #content #right .centerColumn .playerApp { position:relative;} #mainframe #content #right .centerColumn .playerApp #playerWindow { width:100%; height:16.375em; position:relative;} #mainframe #content #right .centerColumn .playerApp #playerWindow .holder { width:100%; height:16.375em; position:relative;} #mainframe #content #right .centerColumn .playerApp #playerWindow a.play{ background:url('/_img/trailer/button.png') no-repeat center; width:100%; height:262px; display:block; position:absolute; cursor:pointer;} #mainframe #content #right .centerColumn .playerApp #playerWindow a.play:hover{ background:url('/_img/trailer/button_hover.png') no-repeat center;} #mainframe #content #right .centerColumn .playerApp #playerWindow img { display:block; width:100%; } #mainframe #content #right .centerColumn .playerApp .infopanel { background:#333; height:4em; color:#FFF; } #mainframe #content #right .centerColumn .playerApp .infopanel .holder { background:#333; height:4em; color:#FFF; } #mainframe #content #right .centerColumn .playerApp .infopanel a { color:#FFF; cursor:pointer; } #mainframe #content #right .centerColumn .playerApp .infopanel a:hover { background-position:0 0; } #mainframe #content #right .centerColumn .playerApp .infopanel a:hover h1 { text-decoration:underline; } #mainframe #content #right .centerColumn .playerApp .infopanel h1 { font-size:.9em; margin:0 .83em; height:2.2em; float:left; line-height:2.2em; overflow:hidden; display:inline; } #mainframe #content #right .centerColumn .playerApp .subline{ clear:left;} #mainframe #content #right .centerColumn .playerApp .film_certificates{ clear:left; margin:0 0.83em; float:left; display:inline;} #mainframe #content #right .centerColumn .playerApp .rating{ float:left; font-size:.7em; line-height:1.6em;} #mainframe #content #right .centerColumn .playerApp .selectionpanel { height:6.25em; background:#d6d6d6 url('/_img/design/trailer_border_fixed.gif') no-repeat 141px 1px; position:relative; padding:0;} #mainframe #content #right .centerColumn .playerApp .selectionpanel .fixed1{ position:absolute; left:141px; top:8px; width:2px; height:78px; background:#333; display:block; z-index:9000;} #mainframe #content #right .centerColumn .playerApp .selectionpanel .fixed2{ position:absolute; left:257px; top:8px; width:2px; height:78px; background:#333; display:block; z-index:9000;} #mainframe #content #right .centerColumn .playerApp .selectionpanel .carousel{ padding:10px 0; position:relative; width:100%;} .jcarousel-prev{ position:absolute; left:0; width:21px; height:75px; background:url('/_img/trailer/prev.gif') no-repeat center; cursor:pointer;} .jcarousel-prev:hover{background:url('/_img/trailer/prev_hover.gif') no-repeat center;} .jcarousel-next{ position:absolute; right:0; width:21px; height:75px; background:url('/_img/trailer/next.gif') no-repeat center; cursor:pointer;} .jcarousel-next:hover{background:url('/_img/trailer/next_hover.gif') no-repeat center;} /*#mainframe #content #right .centerColumn .playerApp .selectionpanel ul li{width:114px; height:78px; overflow:hidden; float:left; margin-right:8px;} #mainframe #content #right .centerColumn .playerApp .selectionpanel ul li a{ background:#333; width:114px; height:78px; overflow:hidden; color:#fff; font-size:.7em; display:block; cursor:pointer;} #mainframe #content #right .centerColumn .playerApp .selectionpanel ul li .title{padding-left:3px;} #mainframe #content #right .centerColumn .playerApp .selectionpanel ul li a:hover, #mainframe #content #right .centerColumn .playerApp .selectionpanel ul li.focus a{ background:#007DC8;} #mainframe #content #right .centerColumn .playerApp .selectionpanel ul li a img{ display:block;} */ /* DER NEUE TOOLTIP, THE NEW TOOLTIP, LE NOUVEAU TOOLTIP, EL TOOLTIP NUEVO, IL TOOLTIP NUOVO, DE NIEUWE TOOLTIP, ATARASHII TOOLTIP */ #tooltip { z-index:6666; position:absolute; width:227px; overflow:hidden; cursor:default; } #tooltip .head { height:22px; background:url('/_img/design/tooltip_sprites.png') no-repeat top left; } #tooltip .foot { height:22px; background:url('/_img/design/tooltip_sprites.png') no-repeat -227px 0; } #tooltip .tool-content { color:#FFF; font-size:11px; background:url('/_img/design/tooltip_sprites.png') repeat-y -454px 0; padding:0 18px 7px 18px; } #tooltip .tool-content h5 { text-indent:-666px; font-size:13px; font-weight:bold; background:url('/_img/design/tooltip_title.gif') no-repeat; margin:0 0 8px 0; } #tooltipNoArrow { z-index:6666; position:absolute; width:227px; overflow:hidden; cursor:default; } #tooltipNoArrow .head { height:22px; background:url('/_img/design/tooltip_noarrow_sprites.png') no-repeat top left; } #tooltipNoArrow .foot { height:22px; background:url('/_img/design/tooltip_noarrow_sprites.png') no-repeat -227px 0; } #tooltipNoArrow .tool-content { color:#FFF; font-size:11px; background:url('/_img/design/tooltip_noarrow_sprites.png') repeat-y -454px 0; padding:0 18px 7px 18px; } #tooltipNoArrow .tool-content h5 { text-indent:-666px; font-size:13px; font-weight:bold; background:url('/_img/design/tooltip_address_lookup.gif') no-repeat; margin:0 0 8px 0; } #tooltipResize { z-index:6666; position:absolute; cursor:default; } #tooltipResize .head { height:9px; background:url('/_img/design/tooltip_resize_sprites.png') no-repeat -45px 0; } #tooltipResize .head .edge { background:url('/_img/design/tooltip_resize_sprites.png') no-repeat; } #tooltipResize .head .edge.left {width:11px; height:9px; float:left; background-position:-22px 0; margin:0 0 0 -11px; } #tooltipResize .head .edge.right {width:12px; height:9px; float:right; background-position:-33px 0; margin:0 -12px 0 0; } #tooltipResize .body { background:#007dc8; color:#FFF; clear:both; position:absolute; } #tooltipResize .body .side { background:url('/_img/design/tooltip_resize_sprites.png') repeat-y; height:100%; } #tooltipResize .body .side.left { width:9px; float:left; background-position:0 0; margin:0 0 0 -10px; } #tooltipResize .body .side.right { width:13px; float:right; background-position:-9px 0; margin:0 -13px 0 0; } #tooltipResize .body .content { } #tooltipResize .foot { height:13px; background:url('/_img/design/tooltip_resize_sprites.png') no-repeat -45px -9px; } #tooltipResize .foot .edge { background:url('/_img/design/tooltip_resize_sprites.png') no-repeat; } #tooltipResize .foot .edge.left {width:11px; height:13px; float:left; background-position:-22px -9px; margin:0 0 0 -11px; } #tooltipResize .foot .edge.right {width:12px; height:13px; float:right; background-position:-33px -9px; margin:0 -12px 0 0; } .faceboxNg { z-index:6666; position:absolute; width:227px; overflow:hidden; cursor:default; } .faceboxNg .head { height:22px; background:url('/_img/design/tooltip_noarrow_sprites.png') no-repeat top left; } .faceboxNg .foot { height:22px; background:url('/_img/design/tooltip_noarrow_sprites.png') no-repeat -227px 0; } .faceboxNg .content { color:#FFF; font-size:11px; background:url('/_img/design/tooltip_noarrow_sprites.png') repeat-y -454px 0; padding:0 18px 7px 18px; } .faceboxNg .content h5 { text-indent:-666px; font-size:13px; font-weight:bold; background:url('/_img/design/tooltip_address_lookup.gif') no-repeat; margin:0 0 8px 0; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 114px; height: 75px; } .jcarousel-container-horizontal { width: 350px; padding: 0 21px; } .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-clip-horizontal { width: 350px; height: 75px; } .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-item { width: 114px; height: 75px; } .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-item-placeholder { background: #fff; color: #000; } .booknowflash, .booknowflash *{ position:relative; z-index:10; }