/* CSS Document */ *{font-family:Arial,sans-serif; font-size:12px;} html, body{background-color:#FFF; margin:0px; height:100%;} a, :focus{outline:none;} a img, :link img, :visited img{border:none;} h1, h2, h3{margin:1em 0;} h1{font-family:Arial,sans-serif; font-size:18px; font-weight:bold; margin:0; padding:0;} h2{font-family:Arial,sans-serif; font-size:14px; font-weight:bold; margin:0; padding:0 0 20px 0;} h3{font-size:108%;} h4{font-size:18px; color:#C33C27; font-weight:bold; margin:5px 0 0 0;} h5{font-size:14px; color:#C33C27; font-weight:bold; margin:0;} h1, h2, h3, h4, h5, h6{font-weight:normal;} .brownTitle{ color: #7A764C; } .blueTitle{ color: #61b9d6;} .whiteTitle{ color: #FFF;} .poster{ float: left; width: 160px; } .movieImages{ float: left; } .date{ font-size: smaller;} hr.brown{ border-top: none; border-bottom: 1px solid #7A764C; } hr.blue{ border-top: none; border-bottom: 1px solid #61b9d6; } a{color:#000; text-decoration:none;} a:hover{color:#B42E1D; text-decoration:none;} a.menuItem{color:#FFF;} a.menuItem:hover{text-decoration:underline;} p{margin-top:0px;} ul{list-style-type:none; padding:0; margin:0;} /* classes */ .clear{clear:both;} .error{background-color:#F00; color:#FFF; padding:3px; font-weight:bold; text-transform:uppercase;} .formField{border:1px solid #2A3D54; background-color:#FFF; color:#2A3D54;} .formButton{border:none; background-color:#2A3D54; color:#FFF;} #imgPreviewWithStyles { background: #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; z-index: 999; border: none; } /* DIVS FOR LAY-OUT */ #topLine{width:100%; height:1px; background-color:#000; margin:0px;} #topLogo{width:100%; height:84px; margin:0px; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x;} #logoContainer{margin:0px auto; width:1000px; height:84px;} #logo{margin-left:10px; float:left;} #flashMovies{ top:0px; margin:0px auto; width:920px; } #container{ margin:0px auto; margin-top: -15px; width:960px; height:100%; min-height:100%; } #contentTop{ width: 960px; height: 10px; background: url(../images/container_top.png); } #contentContent{ background-color: #EBEADA; padding-left: 10px; padding-right: 10px; } #contentBottom{ width: 960px; height: 10px; background: url(../images/container_bottom.png); } /******** TEST ********/ #containerTest{ margin:0px auto; margin-top: -15px; width:960px; height:100%; min-height:100%; } #contentTopTest{ width: 960px; height: 10px; background: url(../images/container_top.png); } #contentContentTest{ background-color: #EBEADA; padding-left: 10px; padding-right: 10px; } #contentBottomTest{ width: 960px; height: 10px; background: url(../images/container_bottom.png); } #mainContentTest{ width: 920px; background-color: #61b9d6; padding-top: 10px;padding-left: 10px;padding-right: 10px; padding-bottom: 0px; } #mainContentBg{ width: 900px; background: url(../images/main_content_bg.jpg); background-repeat: repeat-y; } #mainContentContentTest{ width: 920px; min-height: 419px; background: url(../images/main_content2.jpg); background-repeat: no-repeat; } #mainContentContentBottom{ width: 920px; height: 10px; margin-top: -12px; background: url(../images/main_content_bottom_bottom.jpg); background-repeat: no-repeat; } #mainContentBottomTest{ width: 940px; height: 11px; background: url(../images/main_content_bottom2.png);background-repeat: no-repeat; } /******** END TEST ********/ #videoBanner{ width: 940px; min-height: 260px; background: url(../images/banner_video_bg.png); background-repeat: no-repeat; background-color: #ECECDC;} #mainContent{ width: 920px; background-color: #61b9d6; padding-top: 10px;padding-left: 10px;padding-right: 10px; } #grandCruTop{ width: 940px; min-height: 230px; background: url(../images/grand_cru_top.png); background-repeat: no-repeat; background-color: #FFF;} #grandCruContent{ width: 920px; padding: 10px; background-color: #FFF;} #grandCruBottom{ width: 940px; height: 74px; background: url(../images/grand_cru_bottom.png); background-repeat: no-repeat; background-color: #FFF;} #biosContent, #bios2Content{ width: 920px; background-color: #61b9d6; padding-left: 10px;padding-right: 10px; } #bios2Content{ padding-top:10px; } #biosContentTop{ width: 940px; height: 10px; background: url(../images/bios_content_top.png); } #mainContentContent{ width: 920px; height: 419px; background: url(../images/main_content.jpg); } #biosContentContent{ width: 920px; height: 615px; background: url(../images/blue_content.jpg); } #dvdContentContent{ width: 920px; height: 615px; background: url(../images/dvd_content.jpg); } #mainContentBottom{ width: 940px; height: 11px; background: url(../images/main_content_bottom.png); } #mainContentBottom2{ background-color: #61b9d6; width: 940px; height: 11px; background: url(../images/bios_content_bottom.png); } #biosContentBottom{ width: 940px; height: 11px; background: url(../images/bios_content_bottom.png); } .blueContentLeft{ min-height: 362px; float: left; width: 10px; background: url(../images/blue_content_left.png); background-repeat: no-repeat; } .blueContentContent{ min-height: 362px; float: left; background: url(../images/blue_content_bg.jpg); background-repeat: repeat-x; } .blueContentRight{ min-height: 362px; float: left; width: 10px; background: url(../images/blue_content_right.png); background-repeat: no-repeat; } /* div.scrollable_playlist{position:relative; overflow:hidden; width:530px; height:240px; padding:0px 0;} div.scrollable_playlist div.items{width:50000em; position:absolute; clear:both;} div.scrollable_playlist div.items div{float:left; text-align:center; width:210px; padding:25px 0px; font-size:30px; font-family:'bitstream vera sans'; border:1px outset #ccc; background-color:#ddd; margin-right:20px; -moz-border-radius:5px} div.scrollable_playlist div.items div.active{border:1px inset #ccc; background-color:#fff} */ div.scrollable3{ float:left; position:relative; overflow:hidden; width:278px; height:360px;} div.scrollable3 div.items{position:absolute; height:20000em; margin-top:0px;} a.prev3{float: right; display:block; width:18px; height:18px; background:url(../images/down3.png) no-repeat; cursor:pointer; margin-top: 18px; margin-right: -18px;} a.next3{float: right; display:block; width:18px; height:18px; background:url(../images/up3.png) no-repeat; cursor:pointer; } a.prev3:hover, a.next3:hover{background-position:0px -18px} /* a.disabled{visibility:hidden !important} */ #events{ text-align: center; margin-top: 10px;} div.scrollable{ margin-left: 10px; position:relative; overflow:hidden; height:250px; width:260px; padding:0px 10px;} div.scrollable div.items{position:relative; height:20000em; margin-top:10px} div.scrollable div.items div{text-align:left; width:260px; padding:10px 0px; height: 58px; font-size:12px; border-bottom:1px outset #ccc; margin-bottom:0px} div.scrollable div.items div.active{color:#000} a.prev, a.next, a.prevPage, a.nextPage{display:block; width:18px; height:18px; background:url(../images/up.png) no-repeat; margin:0px auto; cursor:pointer} a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover{background-position:0px -18px} /* a.disabled{visibility:hidden !important} */ a.next, a.nextPage{background-image:url(../images/down.png); } div.scrollable2{ position:relative; overflow:hidden; height:520px; width:610px; padding:0px 10px;} div.scrollable2 div.items{position:absolute; height:20000em; margin-top:10px} div.scrollable2 div.items div.active{color:#000} div.scrollable1{ position:relative; overflow:hidden; height:520px; width:910px; padding:0px 10px;} div.scrollable1 div.items{position:absolute; height:20000em; margin-top:10px} div.scrollable1 div.items div.active{color:#000} a.prev2{position: relative; float: right; display:block; width:18px; height:18px; background:url(../images/down3.png) no-repeat; cursor:pointer; margin-top: 20px; margin-right:10px;} a.next2{position: relative; float: right; display:block; width:18px; height:18px; background:url(../images/up3.png) no-repeat; cursor:pointer; margin-right:-20px; } a.prev2:hover, a.next2:hover{background-position:0px -18px} /* a.prev2, a.next2, a.prevPage2, a.nextPage2{ float: right; display:block; width:18px; height:18px; background:url(../images/prev2.png) no-repeat; cursor:pointer} a.prev2:hover, a.next2:hover, a.prevPage2:hover, a.nextPage2:hover{float: right; background-position:0px -18px} a.next2, a.nextPage2{background-image:url(../images/next2.png); float: right; } */ /* ---------->>> jtip <<<---------------------------------------------------------------*/ #JT_arrow_left{background-image:url(../images/arrow_left.gif); background-repeat:no-repeat; background-position:left top; position:absolute; z-index:101; left:-12px; height:23px; width:10px; top:-3px} #JT_arrow_right{background-image:url(../images/arrow_right.gif); background-repeat:no-repeat; background-position:left top; position:absolute; z-index:101; height:23px; width:11px; top:-2px} #JT{position:absolute; z-index:100; border:2px solid #CCC; background-color:#fff} #JT_copy{padding:10px 10px 10px 10px; color:#333} .JT_loader{background-image:url(../images/loader.gif); background-repeat:no-repeat; background-position:center center; width:100%; height:12px} #JT_close_left{background-color:#CCC; text-align:left; padding-left:8px; padding-bottom:5px; padding-top:2px; font-weight:bold} #JT_close_right{background-color:#CCC; text-align:left; padding-left:8px; padding-bottom:5px; padding-top:2px; font-weight:bold} #JT_copy p{margin:3px 0} #JT_copy img{padding:1px; border:1px solid #CCC} /* calendar */ #calContent{ background-image: url(../images/cal_bg_top.jpg); background-repeat: no-repeat; background-color: #6E6F73; margin:0px auto; height: 100%; width: 280px; margin-top: 20px; } #calContainer{ margin:0px auto; } #calDays{ margin:0px auto; margin-bottom:-20px;} #calNav{ margin:0px auto; color: #F5F8DD; text-align: center; margin-bottom:-10px; padding-top:10px;} #calNav a{ color: #F5F8DD;} #calNav strong{ color: #F5F8DD;} #calDays td{width:25px; height:25px; text-align:center; vertical-align:middle; color:#F5F8DD; position:relative; font-weight:bold} #calBody{ margin:0px auto; } #calBody td{width:25px; height:25px; text-align:center; vertical-align:middle; background:url(../images/cal_nav.png); color:#444; position:relative} #calBody td:hover{background-position:0px -25px; color:#222} #calBody td.date_has_event{background-position:50px 0px; color:white} #calBody td.date_has_event:hover{background-position:50px -25px} #calBody td.today{background-position:25px 0px; color:white} #calBody td.today:hover{background-position:25px -25px} #calContentBottom { background-image: url(../images/cal_bg_bottom.jpg); background-repeat: no-repeat; width: 280px; height: 5px;margin: 0 auto;} #pagingControls ul { display: inline; padding-left: 0.5em; float: right; } #pagingControls li { display: inline; padding: 0 0.5em; } /* agenda */ #agenda{ padding:0 10px; width: 610px; height: 560px; overflow: auto; } .agMonth{ width: 100%; margin-top: 5px; } .agLine{ margin-bottom: 10px; clear: both; width: 600px; height:70px; background-image: url(../images/bios_item.jpg); background-repeat: no-repeat; } .agLine2{ margin-bottom: 10px; clear: both; width: 900px; height:70px; background-image: url(../images/dvd_item.png); background-repeat: no-repeat; } .agLineZebra{ background-color: #F5F5F5; clear: both; width: 100%; border-bottom: 1px dotted #D5D5D5; } .agDate{ width: 60px; padding: 15px 0; float: left; text-align: center; font-weight: bold; font-size: 16px; text-transform: uppercase; } .agPoster{ float: left; padding-top: 8px; width: 50px; text-align: center; } .agText{ padding: 10px; float: left; width: 350px; } .agText2{ padding: 10px; float: left; width: 650px; } .agText a, .agText2 a { font-size: 14px; font-weight:bold; } .agKW{ float: right; padding-top: 8px; text-align: right; margin-right: 5px; } .dvdHeader{ margin-bottom: 10px; } .dvdHeader a { font-size: 14px; font-weight:bold; margin-bottom: 100px; } #biosColumn1{ float: left; width: 620px; } #biosColumn1 * { color:#fff;} #biosColumn1 h1 { margin: 10px; } #biosColumn2{ float: left; width: 300px; } #biosColumn2 * {color:#6D6E70;} #biosColumn2 h1 { margin: 10px; } #dvdColumn1{ float: left; width: 910px; } #dvdColumn1 * { color:#fff;} #dvdColumn1 h1 { margin: 10px; } .greyBox{background-color:#E7E8E9; border-top:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; padding:10px; width: 936px;} #columnBios1{float: left; width: 60%; } #columnBios2{float: left; width: 40%; } #column1{float: left; width: 370px;} #column1 .newsBox *, #column1 h1, #column1 p {color:#6D6E70;} #column1 h1 { margin: 10px;} #column1 hr { height: 2px; border-top: 0px solid #D3D4C2; border-bottom: 0px solid #F7F8E6; border-left: 0; border-right: 0; margin: 0 0px 0px 10px; background-image: url(../images/hr_yellow.gif); } .newsBox{margin: 5px 5px 0px 10px} .newsBox h2{font-family:Arial,sans-serif; font-size:14px; font-weight:bold; margin:0px; padding:0px;} .newsBox p{font-family:Arial,sans-serif; font-size:12px; font-weight:normal; padding:0; margin:0;} #column2{float: left; width: 280px; } #column2 .newsBox2 *, #column2 h1{color:#fff;} #column2 h1 { margin: 10px; } #column2 hr { height: 2px; border-top: 0px solid #5BB9DB; border-bottom: 0px solid #9AD1E5; border-left: 0; border-right: 0; margin: 0 10px; background-image: url(../images/hr_blue.gif); } .newsBox2{margin: 10px 10px 6px 10px;} .newsBox2 h2{font-family:Arial,sans-serif; font-size:14px; font-weight:bold; color:#48505B; margin:0; padding:0;} #column3{float: left; width: 260px; padding-top: 5px;} .date{ font-family: Arial,sans-serif; font-size: 10px; font-weight: normal; font-style: italic; color: #000000; margin: 0; padding: 0;} .newsImage{float:left; padding:2px; margin-right:5px; border: 1px dotted #D3D6C3; background-color: #FFF; width:100px; height:62px; overflow:hidden; } .newsImageBig{ padding:2px; border: 1px dotted #B6B6B6; background-color: #FFF; margin-left: 20px; } #banners{ float: left; margin-right: 10px; padding-top: 10px; } #videoplayer{ padding-top: 10px;} .bannerImage{ border: 1px solid #D5D5D5; margin-top: 10px;} #footer{color: #6D6E72; width:1000px; margin:0px auto; } .footerContent{ margin: 20px; border-right: 1px dotted #6D6E72; float:left; width: 240px; height: 131px; overflow: hidden;} /* menu */ #menu{width:1000px; margin:0px auto; margin-top:-16px;} #menuleft{background-image: url(../images/menu_left.jpg); width:33px; height:46px; float:left;} #menuright{background-image: url(../images/menu_right.jpg); width:33px; height:46px; float:left;} #menu a{color:#FFF; text-transform:capitalize;} .btn{ padding:10px 10px 10px 10px; float:left; height: 46px;} .zoom{ float: left; margin-right: 5px;margin-bottom: 5px; padding: 5px; border: 1px dotted #B6B6B6; background-color: #FFF;} .hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer} #tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat} #tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF} #ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}