.bluebackground {background-color: #3570c4;} .lightbluebackground {background-color: #4a84d8;} .orangebackground {background-color: #ff6600;} .whitebackground {background-color: #ffffff;} .badmessagestrip {font-family: arial; font-size: 11px; color: white; font-weight: bold; background-color: #c43900;} .goodmessagestrip {font-family: arial; font-size: 11px; color: white; font-weight: bold; background-color: #275290;} .submenu {background-color: #ff8600;} td.rentalqueuebox {background-color: #ff4800; border-width: 1px 0px 1px 0px; border-color: #c43900 #000000 #fea465 #000000; border-style: solid;} td.messageman {background-color: #3570c4;} font.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold;} font.bluesubheading {font-family: arial; font-size: 14px; color: #3570c4; font-weight: normal;} font.bluebold {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold;} font.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: normal;} font.greenbold {font-family: arial; font-size: 11px; color: #106100; font-weight: bold;} font.navybluebold {font-family: arial; font-size: 11px; color: #073577; font-weight: bold;} font.navybluesubheadingbold {font-family: arial; font-size: 14px; color: #073577; font-weight: bold;} font.navybluesubheadingbold {font-family: arial; font-size: 14px; color: #073577; font-weight: bold;} font.navybluesuperheading {font-family: arial; font-size: 28px; color: #073577; font-weight: bold;} font.blackheading {font-family: arial; font-size: 18px; color: #000000; font-weight: bold;} font.blacksubheading {font-family: arial; font-size: 14px; color: #000000; font-weight: normal;} font.blacklargertext {font-family: arial; font-size: 13px; color: #000000; font-weight: normal;} font.blackbold {font-family: arial; font-size: 11px; color: #000000; font-weight: bold;} font.black {font-family: arial; font-size: 11px; color: #000000; font-weight: normal;} font.blacksmall {font-family: arial; font-size: 10px; color: #000000; font-weight: normal;} font.whiteheading {font-family: arial; font-size: 18px; color: #ffffff; font-weight: bold;} font.whitesubheading {font-family: arial; font-size: 14px; color: #ffffff; font-weight: normal;} font.whitebold {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold;} font.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: normal;} font.whitesuperheading {font-family: arial; font-size: 24px; color: #ffffff; font-weight: bold;} font.whitesmall {font-family: arial; font-size: 10px; color: #ffffff; font-weight: normal;} font.tiny {font-size: 0px;} font.error {font-family: arial; font-size: 11px; color: #c43900; font-weight: bold;} font.rederror {font-family: arial; font-size: 11px; color: #B00000; font-weight: bold;} font.redsubheading {font-family: arial; font-size: 14px; color: #c43900; font-weight: normal;} font.messageman_email {font-family: arial; font-size: 11px; color: #000000; font-weight: normal;} font.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: normal;} A:link.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:active.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:visited.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:hover.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:link.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:active.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:visited.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:hover.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:link.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:active.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:visited.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:hover.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:link.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:active.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:visited.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:hover.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:link.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} A:active.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} A:visited.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} A:hover.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} INPUT.rentbutton {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} /* INPUT.orangebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} */ INPUT.orangebutton {font-family: arial; font-size: 10px; color: black; font-weight: bold; background-color: orange; border-width: 1px;} /* INPUT.lightorangebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #ff6600; border-width: 1px;} */ INPUT.lightorangebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} INPUT.bigorangebutton {font-family: arial; font-size: 16px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} INPUT.biglightorangebutton {font-family: arial; font-size: 16px; color: #ffffff; font-weight: bold; background-color: #ff6600; border-width: 1px;} INPUT.bluebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #3570c4; border-width: 1px; } INPUT.normal {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 110px;} INPUT.normallong {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 200px;} INPUT.normalshort {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 20px;} INPUT.normalmedium {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 35px;} INPUT.normalmediumlong {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 60px;} INPUT.normalcheckbox {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 0px; border-style: solid; } INPUT.normalradio {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 0px; border-style: solid; } SELECT.normal {font-family: arial; font-size: 10px; color: #000000; font-weight: normal; background-color: #ffffff; } TEXTAREA.normal {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; } .bluebackground {background-color: #3570c4;} .lightbluebackground {background-color: #4a84d8;} .orangebackground {background-color: #ff6600;} .whitebackground {background-color: #ffffff;} .badmessagestrip {font-family: arial; font-size: 11px; color: white; font-weight: bold; background-color: #c43900;} .goodmessagestrip {font-family: arial; font-size: 11px; color: white; font-weight: bold; background-color: #275290;} td.rentalqueuebox {background-color: #ff4800; border-width: 1px 0px 1px 0px; border-color: #c43900 #000000 #fea465 #000000; border-style: solid;} td.messageman {background-color: #3570c4;} font.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold;} font.bluesubheading {font-family: arial; font-size: 14px; color: #3570c4; font-weight: normal;} font.bluebold {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold;} font.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: normal;} font.greenbold {font-family: arial; font-size: 11px; color: #106100; font-weight: bold;} font.navybluebold {font-family: arial; font-size: 11px; color: #073577; font-weight: bold;} font.navybluesubheadingbold {font-family: arial; font-size: 14px; color: #073577; font-weight: bold;} font.navybluesubheadingbold {font-family: arial; font-size: 14px; color: #073577; font-weight: bold;} font.navybluesuperheading {font-family: arial; font-size: 28px; color: #073577; font-weight: bold;} font.blackheading {font-family: arial; font-size: 18px; color: #000000; font-weight: bold;} font.blacksubheading {font-family: arial; font-size: 14px; color: #000000; font-weight: normal;} font.blacklargertext {font-family: arial; font-size: 13px; color: #000000; font-weight: normal;} font.blackbold {font-family: arial; font-size: 11px; color: #000000; font-weight: bold;} font.black {font-family: arial; font-size: 11px; color: #000000; font-weight: normal;} font.blacksmall {font-family: arial; font-size: 10px; color: #000000; font-weight: normal;} font.whiteheading {font-family: arial; font-size: 18px; color: #ffffff; font-weight: bold;} font.whitesubheading {font-family: arial; font-size: 14px; color: #ffffff; font-weight: normal;} font.whitebold {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold;} font.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: normal;} font.whitesuperheading {font-family: arial; font-size: 24px; color: #ffffff; font-weight: bold;} font.whitesmall {font-family: arial; font-size: 10px; color: #ffffff; font-weight: normal;} font.tiny {font-size: 0px;} font.error {font-family: arial; font-size: 11px; color: #c43900; font-weight: bold;} font.rederror {font-family: arial; font-size: 11px; color: #B00000; font-weight: bold;} font.redsubheading {font-family: arial; font-size: 14px; color: #c43900; font-weight: normal;} font.messageman_email {font-family: arial; font-size: 11px; color: #000000; font-weight: normal;} font.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: normal;} A:link.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.messageman_email {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:active.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:visited.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:hover.messageman_home {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:link.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:active.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:visited.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:hover.white {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;} A:link.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:active.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:visited.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:hover.black {font-family: arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;} A:link.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:active.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:visited.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:hover.blacksubheading {font-family: arial; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} A:link.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.blue {font-family: arial; font-size: 11px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.bluesubheading {font-family: arial; font-size: 12px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:active.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:visited.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:hover.blueheading {font-family: arial; font-size: 18px; color: #3570c4; font-weight: bold; text-decoration: underline;} A:link.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} A:active.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} A:visited.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} A:hover.rating {font-family: arial; font-size: 11px; color: #cc3600; font-weight: bold; text-decoration: underline;} INPUT.rentbutton {font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} /* INPUT.orangebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} */ INPUT.orangebutton {font-family: arial; font-size: 10px; color: black; font-weight: bold; background-color: orange; border-width: 1px;} /* INPUT.lightorangebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #ff6600; border-width: 1px;} */ INPUT.lightorangebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} INPUT.bigorangebutton {font-family: arial; font-size: 16px; color: #ffffff; font-weight: bold; background-color: #ff4800; border-width: 1px;} INPUT.biglightorangebutton {font-family: arial; font-size: 16px; color: #ffffff; font-weight: bold; background-color: #ff6600; border-width: 1px;} INPUT.bluebutton {font-family: arial; font-size: 10px; color: #ffffff; font-weight: bold; background-color: #3570c4; border-width: 1px; } INPUT.normal {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 110px;} INPUT.normallong {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 200px;} INPUT.normalshort {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 20px;} INPUT.normalmedium {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 35px;} INPUT.normalmediumlong {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 1px; border-style: solid; width: 60px;} INPUT.normalcheckbox {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 0px; border-style: solid; } INPUT.normalradio {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; border-color: black; border-width: 0px; border-style: solid; } SELECT.normal {font-family: arial; font-size: 10px; color: #000000; font-weight: normal; background-color: #ffffff; } TEXTAREA.normal {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; background-color: #ffffff; } /*************** /* Page defaults *****************/ body { padding: 1px 0 0 0; background: #8e8e8e url('../../image/_compiled/background.jpg') repeat-x top; margin: 0 auto; text-align: center; } body, div, th, td, p, span { font-family: arial; font-size: 12px; color: #212121; text-align: left; } input { font-size: 11px; } select { font-size: 11px; height: 16px; width: auto; } img { border: 0; } a { color: #ff0000; outline: none; } /************** /* Body Wrapper ****************/ #body-wrapper { width: 1002px; margin: 0 auto; min-height: 500px; text-align: left; } /************** /* Header ****************/ #header { height: 105px; background: #ff0000 url('../../image/_compiled/header_bg.jpg') repeat-x bottom; margin-bottom: 1px; } #header a { font-weight: bold; color: #fff; text-decoration: none; } #header .logo { width: auto; float: left; } #header .divider { height: 105px; width: 1px; float: left; background: transparent url('../../image/_compiled/header_divider.jpg') no-repeat bottom; } #header .search { float: right; height: 105px; width: 365px; background: transparent url('../../image/_compiled/header_right.jpg') no-repeat right; font-family: Tahoma; color: #fff; vertical-align: top; } #header .search .top { float: right; padding: 16px 23px 0 0; color: #fff; } #header .search .bottom { text-align: right; float: left; padding: 0 9px 0 0; margin-top: 37px; width: 360px; } #header .search select { width: 109px; } #header .search input { width: 126px; } /************ /* Overlay **************/ #overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 80; background-color: #000; -moz-opacity: 0.6; opacity: .60; filter: alpha(opacity=60); text-align: center; } #popup { display: none; width: 661px; height: 280px; position: absolute; z-index: 80; } #popup .header { width: 661px; height: 54px; background: transparent url('../../image/_compiled/popup_top.png') no-repeat; color: #fff; font-weight: bold; font-size: 18px; } #popup .header span { padding: 28px 0 0 40px; display: block; color: #fff; font-weight: bold; font-size: 17px; } #popup .content { padding: 20px 0 0 15px; margin-left: 27px; background: #fff url('../../image/_compiled/popup_bg.gif') no-repeat bottom; font-size: 14px; height: 195px; width: 589px; } * html #popup .content { height: 200px; } #popup .content h1 { margin: 0px; padding: 0 0 0 0; color: #ea0606; font-weight: bold; font-size: 14px; } #popup .popup-content { padding-right: 10px; display: none; height: auto; } #popup .l { width: 27px; background: transparent url('../../image/_compiled/popup_left.png') repeat-y; } #popup .r { width: 660px; background: transparent url('../../image/_compiled/popup_right.png') repeat-y right; } #popup .bottom { width: 661px; height: 49px; background: transparent url('../../image/_compiled/popup_bottom.png') no-repeat; } #popup-vhs-content { height: 200px; } * html #popup-vhs-content { height: 250px; } #popup-rare-content { height: 300px; } * html #popup-vhs-content { height: 350px; } /************ /* Navigation ***************/ #nav { clear: right; } #nav .l { width: 6px; background: transparent url('../../image/_compiled/nav_left.gif') no-repeat; height: 35px; float: left; } #nav .links { float: left; background: transparent url('../../image/_compiled/nav_bg.gif') repeat-x bottom; height: 35px; width: 992px; } #nav a { font-size: 12px; font-weight: bold; color: #fff; height: 18px; background: transparent; margin: 10px 0 0px 0; padding: 0 15px 0 15px; text-decoration: none; display: inline; float: left; border-right: 1px dotted #878d92; } #nav a:hover { color: #fced34; } #nav .r { width: 4px; background: transparent url('../../image/_compiled/nav_right.gif') no-repeat; height: 35px; float: left; } .subMenu { background: #000; padding: 5px; margin: 1px 2px 2px 2px; text-align: center; } .subMenu a { text-decoration: none; padding-right: 5px; color: #fff; } .subMenu a:hover { text-decoration: underline; } /******************* /* Main Content Area **********************/ #main-content { float: left; width: 1002px; } #main-content .shade { background: transparent url('../../image/_compiled/shade_bg.gif') repeat-y; margin-left: 2px; width: 1002px; float: left; } /* IE FIX */ * html #main-content .shade { margin-left: 1px; } #main-content .shade2 { background: transparent url('../../image/_compiled/shade2_bg.gif') no-repeat top; min-height: 200px; width: 1000px; float: left; padding-bottom: 18px; } * html #main-content .shade2 { height: 200px; padding-bottom: 17px; } #main-content #content-wrapper { margin: 7px 8px 0 12px; } /*************** /* Side Panels *****************/ .side-panel { width: 183px; font-size: 11px; } .side-panel h1 { margin: 0; padding: 7px 12px 7px 12px; color: #fff; font-weight: bold; font-size: 12px; background: transparent url('../../image/_compiled/side_panel_header.gif') no-repeat; display: block; height: 15px; } .side-panel .bg { clear: both; background: transparent url('../../image/_compiled/side_panel_bg.gif') repeat-y; color: #fff; padding: 0 10px 0px 10px; } .side-panel .b { background: transparent url('../../image/_compiled/side_panel_b.gif') no-repeat; height: 5px; } /* IE FIX */ * html .side-panel .b { margin-bottom: -8px; } .side-panel a { text-decoration: none; color: #fff; border-bottom: 1px dotted #767778; display: block; color: #fff; } .side-panel a:hover { color: #fced34; } .side-panel a span { padding: 6px 0 6px 7px; display: block; font-size: 11px; color: #fff; } /************* /* Red Panel ***************/ .red-panel { clear: both; width: 606px; float: left; } /* Header */ .red-panel .header { background: transparent url('../../image/_compiled/red_panel_t_bg.gif') repeat-x; height: 30px; } .red-panel span.title { padding: 7px 0 0 16px; color: #fff; font-weight: bold; display: block; } * html .red-panel span.title { padding: 7px 0 0 13px; color: #fff; font-weight: bold; display: block; } .red-panel .l { background: transparent url('../../image/_compiled/red_panel_t_l.gif') no-repeat left; float: left; height: 30px; width: 3px; } .red-panel .r { background: transparent url('../../image/_compiled/red_panel_t_r.gif') no-repeat right; float: right; height: 30px; width: 3px; } /* Panel content */ .red-panel .content { background: #fff; float: left; } .red-panel .content .bl { background: transparent url('../../image/_compiled/red_panel_l.gif') repeat-y left; float: left; } .red-panel .content .br { background: transparent url('../../image/_compiled/red_panel_r.gif') repeat-y right; float: right; width: 100%; } .red-panel .content .pc { float: left; width: 565px; padding: 16px 20px 14px 21px; } .red-panel .content .pc h1 { margin: 0 0 20px 0; padding: 0; font-size: 14px; font-weight: bold; color: #ff0000; } * html .red-panel .content .pc { width: 571px; padding: 16px 10px 14px 19px; } /* Panel bottom */ .red-panel .bottom { clear: both; background: transparent url('../../image/_compiled/red_panel_bbg.gif') repeat-x; height: 4px; } .red-panel .bottom .bbl { background: transparent url('../../image/_compiled/red_panel_bl.gif') no-repeat left; float: left; height: 4px; width: 4px; } .red-panel .bottom .bbr { background: transparent url('../../image/_compiled/red_panel_br.gif') no-repeat right; float: right; height: 4px; width: 4px; } .panel-break { clear: both; height: 7px; } * html .panel-break { clear: both; margin-top: -12px; height: 1px; float: left; } /* IE FIXES */ * html .red-panel .bottom .bbl { margin-top: -5px; } * html .red-panel .bottom .bbr { margin-top: -5px; } /************** /* Left Column ***************/ #left-column { float: left; width: 183px; margin-top: 1px; } /************** /* Content ***************/ #content { float: left; padding: 0 4px; } /************** /* Movie Covers ****************/ .movie-covers { padding-left: 3px; margin-top: -2px; } .movie-covers .movie { width: 90px; float: left; padding-right: 22px; } .movie-covers .movie .title { width: 90px; margin-top: 6px; color: #585858; font-weight: bold; text-align: center; height: 22px; } * html .movie-covers .movie .title { margin-top: 3px; height: 35px; } .movie-covers .movie .title a { color: #585858; font-weight: bold; text-decoration: none; } .movie-covers .movie .title a:hover { text-decoration: underline; } .movie-covers .last { padding-right: 0px; } .front-promo-panel { background: transparent url('../../image/_compiled/front_promo_bg.gif') no-repeat; width: 252px; height: 151px; margin-right: 5px; } .front-promo-panel2 { background: transparent url('../../image/_compiled/front_promo_bg2.gif') no-repeat; width: 242px; height: 51px; margin: 4px 0px 0 0; color: #fff; padding: 17px 0 0 15px; } /**************************** /* Browse Page - Movie Covers ******************************/ .browse-movie-covers { padding-left: 3px; margin-top: -2px; float: left; } .browse-movie-covers .movie { text-align: center; width: 135px; float: left; padding-right: 10px; } * html .browse-movie-covers .movie { width: 139px; } .browse-movie-covers .movie .title { width: 133px; float: left; } * html .browse-movie-covers .movie .title { width: 135px; } .browse-movie-covers .movie .title a { color: #212121; text-decoration: underline; } .browse-movie-covers .btn-rent { width: 135px; margin: 10px 0 6px 0; float: left; text-align: center; } * html .home-btn { padding-left: 4px; } /************** /* How it Works ****************/ .how-it-works { padding-top: 5px; } .how-it-works b { margin-bottom: 13px; display: block; } .how-it-works .one { float: left; width: 131px; height: 104px; background: transparent url('../../image/_compiled/hit_1.gif') top left no-repeat; border-right: 1px dotted #0d0d0d; padding-right: 5px; font-size: 11px; } .how-it-works .two { float: left; width: 113px; height: 104px; margin-left: 19px; padding-right: 12px; background: transparent url('../../image/_compiled/hit_2.gif') top left no-repeat; border-right: 1px dotted #0d0d0d; font-size: 11px; } * html .how-it-works .two { width: 125px; } .how-it-works .three { float: left; width: 122px; height: 104px; margin-left: 15px; padding-right: 10px; background: transparent url('../../image/_compiled/hit_3.gif') top left no-repeat; border-right: 1px dotted #0d0d0d; font-size: 11px; } .how-it-works .four { float: left; width: 120px; height: 104px; margin-left: 14px; background: transparent url('../../image/_compiled/hit_4.gif') top left no-repeat; font-size: 11px; } /**************** /* Grey Rounded Box *********************/ /* set background images for corners */ .grbroundbox { background: #e9e9e9; margin-left: 0px; } .grbtop div { background: url(../../image/_compiled/gbtl.gif) no-repeat top left; } .grbtop { background: url(../../image/_compiled/gbtr.gif) no-repeat top right; } .grbbot div { background: url(../../image/_compiled/gbbl.gif) no-repeat bottom left; } .grbbot { background: url(../../image/_compiled/gbbr.gif) no-repeat bottom right; } /* height and width details */ .grbtop div, .grbtop, .grbbot div, .grbbot { width: 562px; height: 6px; font-size: 1px; clear: both; margin: 0px; } .grbcontent { margin: 10px 20px 10px 20px; } .grbcontent h2 { font-size: 14px; } .grbroundbox { width: 562px; margin: auto; } /* Table Header */ .table-header-bg { margin-left: -7px; width: 575px; background: transparent url(../../image/_compiled/tbl_header.gif) no-repeat top; clear: both; } .plain-table tbody { background: #858585; } .plain-table { width: 575px; } table.plain-table th { text-align: left; padding: 0px 0px 0px 13px; color: #ffffff; text-decoration: underline; font-weight: bold; height: 29px; background: none; } table.plain-table td { padding: 8px 0px 8px 12px; color: #000; background: #ffffff; vertical-align: top; } table.plain-table tr.odd td { background-color: #FFF; border: 0; } table.plain-table tr.even td { background-color: #f7f7f7; border-top: 1px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e; } table.plain-table td img { margin-right: 10px; float: left; } table.plain-table td .rating-wrapper { padding-left: 12px; margin-bottom: 15px; } .table-pager { margin-top: 15px; width: 575px; height: 33px; background: #dddddd url('../../image/_compiled/pg_nav_bg.gif') no-repeat; font-weight: bold; color: #212121; } .table-pager a { color: #212121; } .table-pager a.selected { color: #ff0000; } .table-pager .left { float: left; padding: 9px 12px 0px 12px; } .table-pager .right { float: right; padding: 9px 12px 0px 12px; } /**************** /* Login Area *********************/ #login-form-table label { width: 80px; float: left; margin-right: 0.5em; display: block; vertical-align: text-bottom; font-size: 14px; font-weight: bold; padding-top: 5px; color: #000; } #login-form-table span { display: block; height: 30px; clear: both; } #forgot-pass { margin: 6px; } #forgot-pass a { color: #000; text-decoration: underline; } #forgot-pass a:hover { text-decoration: none; } #not-a-member { margin: 25px 0 0 22px; font-size: 12px; } #not-a-member h1 { font-size: 16px; margin: 0px 0px 4px 0px; padding: 0px; color: #212121; } #not-a-member a { color: #eb2146; } /**************** /* Registration *********************/ #register h1 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #212121; margin-bottom: 7px; } #register #steps { margin-top: 21px; float:left; } #register #steps .step { height: 44px; margin-right: 5px; float: left; } #register #steps #step-one { width: 111px; background: transparent url('../../image/_compiled/step1.gif') no-repeat; } #register #steps #step-one.selected { width: 111px; background: url('../../image/_compiled/step1_selected.gif') no-repeat; } #register #steps #step-two { width: 123px; background: transparent url('../../image/_compiled/step2.gif') no-repeat; } #register #steps #step-two.selected { width: 123px; background: url('../../image/_compiled/step2_selected.gif') no-repeat; } #register #steps #step-three { width: 177px; background: transparent url('../../image/_compiled/step3.gif') no-repeat; } #register #steps #step-three.selected { width: 177px; background: url('../../image/_compiled/step3_selected.gif') no-repeat; } #register #steps #step-four { width: 120px; background: transparent url('../../image/_compiled/step4.gif') no-repeat; } #register #steps #step-four.selected { width: 120px; background: url('../../image/_compiled/step4_selected.gif') no-repeat; } #register-form-table label { width: 120px; float: left; display: block; vertical-align: bottom; } #register-form-table .note { padding-left: 14px; margin: 0px; display: inline; float: right; width: 202px; } #register-form-table .error { padding: 0px; margin: 0px; display: inline; color: #eb2146; font-size: 11px; float: right; width: 210px; } #register-form-table input { width: 177px; } #register-form-table input, #register-form-table select { border: 1px solid #cecece; font-size: 14px; height: 23px; margin-right: 5px; float: left; } #register-form-table span { width: 100%; display: block; height: 40px; color: #212121; clear: both; } .dotted-line, .dotted_line { height: 17px; border-bottom: 1px dotted #000; width: auto; margin-bottom: 20px; } .register-conditions { margin: 0px; list-style: disc; margin-left: 13px; padding-left: 13px; } .next { float: right; margin: 28px 0 0 0; padding: 0 0 20px 0; clear: both; } /**************** /* Browse *********************/ .browseAZ { margin-top: 10px; padding: 8px 0 0 12px; background: url(../../image/_compiled/browseAZbg.gif) no-repeat; height: 31px; width: 572px } .browseAZ a { margin-right: 10px; color: #5d5d5d; font-weight: bold; text-decoration: none; } .browseAZ a:hover { text-decoration: underline; } .browseAZ a.selected { font-weight: bold; text-decoration: underline; color: #eb2146; } #browseAllGenres { margin: 0 0 10px 20px; width: 580px; margin-left: -5px; } #browseAllGenres .list { margin: 5px 0 15px 0; padding: 0; } #browseAllGenres #columnA, #browseAllGenres #columnB, #browseAllGenres #columnC { float: left; width: 186px; } #browseAllGenres li { list-style-image: url(../../image/_compiled/bullet_point.gif); margin-left: 16px; padding-bottom: 2px; } #browseAllGenres li a, #browseAllGenres li a:visited, #browseAllGenres li a:active { color: #212121; text-decoration: none; } #browseAllGenres li a:hover { color: #eb2146; text-decoration: underline; } /**************** /* View Movie page *********************/ #movieLeft { float: left; width: 141px; margin-right: 14px; } #movieRight { float: left; width: 410px; height: auto; } /* Movie right navigation */ #movieRight .links { padding: 0px; margin: 0px; height: 31px; float: left; } #movieRight .links span { display: none; } #movieRight .links a { margin-right: 4px; outline: none; } /* Button one */ #movieRight .links a#one { width: 71px; height: 31px; float: left; background: transparent url(../../image/_compiled/btn_synopsis.gif) 0px 0px no-repeat; } #movieRight .links a#one:hover, #movieRight #nav a#one.selected:hover{ background-position: 0px -31px } #movieRight .links a#one.selected { background: transparent url(../../image/_compiled/btn_synopsis.gif) 0px -31px no-repeat; } /* Button two */ #movieRight .links a#two { width: 95px; height: 31px; float: left; background: transparent url(../../image/_compiled/btn_cast.gif) 0px 0px no-repeat; } #movieRight .links a#two:hover, #movieRight #nav a#two.selected:hover{ background-position: 0px -31px } #movieRight .links a#two.selected { background: transparent url(../../image/_compiled/btn_cast.gif) 0px -31px no-repeat; } /* Button three */ #movieRight .links a#three { width: 95px; height: 31px; float: left; background: transparent url(../../image/_compiled/btn_technical.gif) 0px 0px no-repeat; } #movieRight .links a#three:hover, #movieRight #nav a#three.selected:hover{ background-position: 0px -31px } #movieRight .links a#three.selected { background: transparent url(../../image/_compiled/btn_technical.gif) 0px -31px no-repeat; } #movieRight h1 { font-size: 14px; margin: 0px; padding: 0px; color: #eb2146; } #movieRight .bottomlinks, #movieRight .bottomlinks a { color: #ed2047; word-spacing: -1px; } #movieLeft #ratingBox { height: 107px; width: 141px; background: transparent url(../../image/_compiled/movie_rating_box.gif) no-repeat; color: #fff; } #movieLeft #ratingBox .wrapper { padding-top: 10px; margin: 0 0 0 20px; width: 100%; } #moveLeft #ratingBox strong { color: #fdf4a0; } #movieLeft #ratingBox .nums, #movieLeft #ratingBox .nums a { word-spacing: 5px; color: #c5c5c5; font-weight: bold; margin-top: 0px; } #movieLeft #ratingBox .nums a:hover { text-decoration: none; } #movieReviews { clear: both; } #movieReviews h1 { color: #212121; font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; } #movieReviews .review { clear: both; padding-top: 10px; } /**************** /* Star Ratings *********************/ .inline-rating{ display: -moz-inline-block; display: -moz-inline-box; display: inline-block; vertical-align: middle; } .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url(../../image/_compiled/star_rating.gif) left -1000px repeat-x; } .star-rating2, .star-rating2 a:hover, .star-rating2 a:active, .star-rating2 a:focus, .star-rating2 .current-rating{ background: url(../../image/_compiled/star_rating2.gif) left -1000px repeat-x; } .star-rating, .star-rating2 { position: relative; width: 88px; height: 14px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: 0px -1px; } .star-rating2 { width: 84px; } .star-rating li, .star-rating2 li { display: inline; } .star-rating a, .star-rating .current-rating, .star-rating2 a, .star-rating2 .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 14px; line-height: 14px; outline: none; overflow: hidden; border: none; } .star-rating .current-rating, .star-rating2 .current-rating { z-index:1; background-position: left bottom; } .rating-wrapper { padding-left: 22px; } * html .rating-wrapper { padding-left: 5px; } /************** /* Right Column *****************/ #right-column { float: left; width: 179px; } /************** /* Footer ***************/ #footer { clear: both; float: left; height: 61px; width: 1000px; background: transparent url('../../image/_compiled/footer_bg.gif') repeat-x; margin-left: 2px; } /* IE FIX */ * html #footer { margin-left: 1px; } #footer .l { background: transparent url('../../image/_compiled/footer_l.gif') no-repeat left; float: left; width: 6px; height: 61px; } #footer .r { background: transparent url('../../image/_compiled/footer_r.gif') no-repeat; width: 4px; height: 61px; float: right; } #footer .c { float: left; width: 990px; height: 61px; color: #fff; text-align: center; margin-top: 15px; } #footer a { color: #ff0000; text-decoration: none; } #footer .copyright { margin-top: 3px; color: #fff; text-align: center; } .ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background : Window url('./indicator.gif') right center no-repeat; } .ac_over { background-color: Highlight; color: HighlightText; } /************** /* Shortcuts ***************/ .btn { cursor: pointer; } .fl { float: left; } .fr { float: right; } .cb { clear: both; } .m0 { margin: 0; } .p0 { padding: 0; } .center { text-align: center; } .h10 { height: 10px; }