﻿
/**************** Common reusable classes ****************/
.AlignCenter { margin-left: auto; margin-right: auto; text-align: center; }
.ContentWrapper { padding: 0px 4px 0px 4px; }
.FloatClear { clear: both; float: none; height:1%; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.FormButton { padding:2px 5px 2px 5px; margin:2px 0px 2px 0px; }
.FormButton2 { padding:2px 2px 2px 2px; margin:2px 0px 2px 0px;}
.HiddenDiv { display: none; }
.NoWrap { white-space: nowrap; }
.Pad5 { padding: 5px; }
.Pad10 { padding: 10px; }
.PageTitleHeader { color: #3c3c3c; font-size: 22px; font-weight: 900; padding: 2px; }
.StandardTable { border: 0px; padding: 0px 0px 0px 0px; }
.StandardCell { padding-left:2px; vertical-align:top; }
.StandardCellRight { text-align: right; padding-right:2px; }
.SectionHeader { font-size: 14px; font-weight: bold; margin-bottom: 2px; }
.SectionTitleHeader { color: #3c3c3c; font-size: 20px; font-weight: 900; padding: 2px; }
.TextJustify { text-align: justify; }
.TwoColumnLeft { float: left; margin: 1px 0px 0px 0px; padding-top: 1px; text-align: left; }
.TwoColumnRight { float: right; margin: 1px 0px 0px 0px; padding-top: 1px; text-align: left; }
.VertTop { vertical-align: top; }
.Width100Perc { width: 100%; }
.Width125 { width: 125px; }
.Width140 { width: 140px; }
.Width180 { width: 180px; }
.Width200 { width: 200px; }
.Width265 { width: 265px; }
.Width300 { width: 300px; }
.Width960 { width: 960px; }

/**************** Header Navigation classes ****************/
.NavContainer { border: 0px; margin: 0px; padding: 0px; }
.NavBorderTopOnly { border-top: 1px solid #a1d4e2; vertical-align: top; padding-top: 3px; }
.NavBorderTopLeft { border-top: 1px solid #a1d4e2; vertical-align: top; padding-top: 3px; background: transparent url(../images/nav/navBorderRight.gif) no-repeat 0 0px; }

.NavHome { background: transparent url(../images/nav/home.png) no-repeat 0 0px; float: left; width: 48px; height: 18px; margin: 3px 15px 0px 15px; }
.NavHomeActive  { background: transparent url(../images/nav/home.png) no-repeat 0px -18px; float: left; width: 48px; height: 18px; margin: 3px 15px 0px 15px; text-decoration: none; }
a.NavHome:link, a.NavHome:visited, a.NavHome:active { background-position: 0px 0px; text-decoration: none; } 
a.NavHome:hover { background-position: 0px -18px; text-decoration: none; }

.NavCatalog { background: transparent url(../images/nav/catalog.png) no-repeat; float: left; text-indent: -2000px; width: 72px; height: 18px; margin: 3px 15px 0px 15px;}
.NavCatalogActive { background: transparent url(../images/nav/catalog.png) no-repeat 0px -18px; float: left; text-indent: -2000px; width: 72px; height: 18px; margin: 3px 15px 0px 15px;}
a.NavCatalog:link, a.NavCatalog:visited, a.NavCatalog:active { background-position: 0px 0px; text-decoration: none; } 
a.NavCatalog:hover { background-position: 0px -18px; text-decoration: none; }

.NavKaBoom { background: transparent url(../images/nav/kaBoom.png) no-repeat 0 0px; float: left; text-indent: -2000px; width: 77px; height: 34px; margin: 3px 15px 0px 15px;}
.NavKaBoomActive { background: transparent url(../images/nav/kaBoom.png) no-repeat 0 -34px; float: left; text-indent: -2000px; width: 77px; height: 34px; margin: 3px 15px 0px 15px;}
a.NavKaBoom:link, a.NavKaBoom:visited, a.NavKaBoom:active { background-position: 0px 0px; text-decoration: none; } 
a.NavKaBoom:hover { background-position: 0px -34px; text-decoration: none; }

.NavNewReleases { background: transparent url(../images/nav/monthlyReleases.png) no-repeat 0 0px; float: left; text-indent: -2000px; width: 168px; height: 18px; margin: 3px 15px 0px 15px;}
.NavNewReleasesActive { background: transparent url(../images/nav/monthlyReleases.png) no-repeat 0 -18px; float: left; text-indent: -2000px; width: 168px; height: 18px; margin: 3px 15px 0px 15px;}
a.NavNewReleases:link, a.NavNewReleases:visited, a.NavNewReleases:active { background-position: 0px 0px; text-decoration: none; } 
a.NavNewReleases:hover { background-position: 0px -18px; text-decoration: none; }

.NavTelevision { background: transparent url(../images/nav/television.png) no-repeat 0 0px; float: left; text-indent: -2000px; width: 94px; height: 34px; margin: 3px 15px 0px 15px;}
.NavTelevisionActive { background: transparent url(../images/nav/television.png) no-repeat 0 -34px; float: left; text-indent: -2000px; width: 94px; height: 34px; margin: 3px 15px 0px 15px;}
a.NavTelevision:link, a.NavTelevision:visited, a.NavTelevision:active { background-position: 0px 0px; text-decoration: none; } 
a.NavTelevision:hover { background-position: 0px -34px; text-decoration: none; }

.NavTheatrical { background: transparent url(../images/nav/theatrical.png) no-repeat; float: left; text-indent: -2000px; width: 98px; height: 18px; margin: 3px 15px 0px 15px;}
.NavTheatricalActive { background: transparent url(../images/nav/theatrical.png) no-repeat 0px -18px; float: left; text-indent: -2000px; width: 98px; height: 18px; margin: 3px 15px 0px 15px;}
a.NavTheatrical:link, a.NavTheatrical:visited, a.NavTheatrical:active { background-position: 0px 0px; text-decoration: none; } 
a.NavTheatrical:hover { background-position: 0px -18px; text-decoration: none; }

.NavSearchContainer { border: 0px; margin: 0px; padding: 0px; width: 100%; }

/**************** Home Page specific classes ****************/
.BannerTitlesPager { background: url(../images/bkg/FeaturedTitles.png) no-repeat; height: 37px; padding-right: 40px; padding-top: 5px; text-align:right; vertical-align: top; }

.BannerPagerItem { color: #008AB0 !important; font-weight:bold; text-decoration: none; }
.BannerPagerItem ul { margin: 0px !important; }
.BannerPagerItem li { margin: 0px !important; }
.BannerPagerItem a:active, a:link a:focus, a:hover a:visited { color: #008AB0 !important; font-weight:bold; text-decoration: none; }
.BannerPagerItemSelected { color: #F8981D !important; font-weight:bold; text-decoration: none; }
.BannerPagerItemSelected a:active, a:link a:focus, a:hover a:visited { color: #F8981D !important; font-weight:bold; text-decoration: none; }


/**************** News Page specific classes ****************/
.NewsLink { overflow: hidden; padding: 3px; text-overflow:ellipsis; white-space: nowrap; width: 230px; }


/**************** Search/Catalog Page specific classes ****************/
.SearchFieldCell { padding: 1px 5px; text-align: right; white-space: nowrap; }
.SearchFieldInputCell { padding: 2px 5px; text-align: left; white-space: nowrap; }
.SearchFieldCenterCell { width: 50px; }

.ListViewItemContainer { border: 1px solid #fff; float: left; height: 190px; margin: 0px; padding:2px; width: 300px; }
.ListViewItemContainer:hover { border: 1px outset threedshadow; cursor:pointer; }
.ListViewContainerLarge { margin: 0px 2px; } /*float: left;  */

.ListViewPhotoContainerLarge { padding: 2px; float: left; width: 145px; }
.ListViewDataContainerLarge { padding: 0px 3px; float: left; width: 135px; }


.TheatricalItem, .TheatricalAlternatingItem { border: 1px solid #fff; float: left; margin: 1px; padding: 2px; width: 295px; }
.TheatricalItem:hover, .TheatricalAlternatingItem:hover { border: 1px outset threedshadow; cursor:pointer; }

.TheatricalRowContainer { clear:both; }
.TheatricalListViewItemContainer { height: 100%; margin: 0px; padding:0px; }

.TheatricalPhotoCell { padding: 1px; vertical-align: top; }
.TheatricalDataCell { padding: 0px; vertical-align: top; }

.TheatricalPromoTitle { color: #4c4c4c; font-size: 16px; font-weight:bolder; padding: 1px 5px; white-space: nowrap; }
.TheatricalPromoDetail { margin:3px 0px; padding: 3px 5px; text-align:justify; overflow: auto; }
.TheatricalPromoDetail span { font-weight:bold; text-transform: uppercase; }
.TheatricalPromoPager { padding-right: 40px; padding-top: 5px; text-align:right; vertical-align: top; }

.TheatricalItemTitle { color: #4c4c4c; font-size: 13px; font-weight: bolder; margin-bottom: 3px; }
.TheatricalItemDetail { padding: 0px; margin: 4px 5px 4px 0px; }
.TheatricalItemDetail span { font-weight:bold; margin-left:0px; margin-right: 5px;  }
.TheatricalItemDetail img { margin-left:0px; margin-right: 5px; }

/*
.TelevisionItem, .TelevisionAlternatingItem { border: 1px solid #fff; float: left; margin: 2px; padding: 3px; width: 295px; }
.TelevisionItem:hover, .TelevisionAlternatingItem:hover { border: 1px outset threedshadow; cursor:pointer; }

.TelevisionListViewItemContainer { height: 190px; margin: 0px; padding:2px; }

.TelevisionPhotoCell { padding: 2px; width: 145px; }
.TelevisionDataCell { padding: 0px; width: auto; vertical-align: top; }

.TelevisionPromoTitle { color: #4c4c4c; font-size: 16px; font-weight:bolder; padding: 1px 5px; white-space: nowrap; }
.TelevisionPromoDetail { margin:3px 0px; padding: 3px 5px; text-align:justify; overflow: auto; }
.TelevisionPromoDetail span { font-weight:bold; text-transform: uppercase; }
.TelevisionPromoPager { padding-right: 40px; padding-top: 5px; text-align:right; vertical-align: top; }

.TelevisionItemTitle { color: #4c4c4c; font-size: 13px; font-weight: bolder; margin-bottom: 3px; }
.TelevisionItemDetail { padding: 0px; margin: 4px 5px 4px 0px; }
.TelevisionItemDetail span { font-weight:bold; margin-left:0px; margin-right: 5px;  }
.TelevisionItemDetail img { margin-left:0px; margin-right: 5px; }
*/

.SearchKaboom { margin:4px 0px 0px 0px; float:right; width:960px; height:18px; background: url(../images/buttons/BkgSearchKaBoom.gif) repeat-x; text-align:right;}

/**************** Product Detail specific classes ****************/
.ProductTitle { font-size: 24px; font-weight:bold; padding: 1px 5px; }
.ProductItemDetail { margin: 5px 0px; padding: 2px; vertical-align: top; }
.ProductItemDetail span { font-weight:bold; padding-right:5px; }
.ProductItemDetailImage { margin: 5px 0px; padding: 2px; width: 130px; vertical-align: top; }
.ProductSpecialFeatureListItem { margin-left: 15px; list-style-type: disc;}

/**************** Media-type sprite image specific classes ****************/
.medSprite { background: url(../images/bkg/sprite_media_types.png) no-repeat; display: inline-block; margin: 0px; overflow: hidden; position: relative; padding: 0px; vertical-align: middle; }
.medSprite SPAN { position: absolute; left: -9999px; }

.s_medFilm { width: 24px; background-position: -105px -30px; height: 24px; }
.s_medVHS { width: 35px; background-position: 0px 0px; height: 18px; }
.s_medDVD { width: 35px; background-position: -40px 0px; height: 19px; }
.s_medUMD { width: 38px; background-position: -80px 0px; height: 20px; }
.s_medHDDVD { width: 35px; background-position: 0px -30px; height: 12px; }
.s_medBluRay { width: 34px; background-position: -40px -30px; height: 16px; }
.s_medDVDR { width: 35px; background-position: -40px 0px; height: 26px; }
.s_medPS { width: 20px; background-position: 0px -100px; height: 20px; }
.s_medPS2 { width: 20px; background-position: -20px -100px; height: 20px; }
.s_medPSP { width: 20px; background-position: -40px -100px; height: 20px; }
.s_medPS3 { width: 20px; background-position: -60px -100px; height: 20px; }
.s_medGB { width: 20px; background-position: 0px -120px; height: 20px; }
.s_medGBAdv { width: 20px; background-position: -20px -120px; height: 20px; }
.s_medDS { width: 20px; background-position: -40px -120px; height: 20px; }
.s_medN64 { width: 20px; background-position: 0px -140px; height: 20px; }
.s_medGamecube { width: 20px; background-position: -20px -140px; height: 20px; }
.s_medWii { width: 20px; background-position: -40px -140px; height: 20px; }
.s_medXbox { width: 20px; background-position: 0px -160px; height: 20px; }
.s_medXbox360 { width: 20px; background-position: -20px -160px; height: 20px; }
.s_medWin { width: 20px; background-position: 0px -180px; height: 20px; }
.s_medDreamcast { width: 20px; background-position: -20px -200px; height: 20px; }
.s_medLinux { width: 20px; background-position: -40px -200px; height: 20px; }
.s_medG { width: 12px; background-position: 0px -60px; height: 11px; }
.s_medPG { width: 21px; background-position: -20px -60px; height: 11px; }
.s_medPG13 { width: 35px; background-position: -50px -60px; height: 11px; }
.s_medR { width: 12px; background-position: -90px -60px; height: 11px; }
.s_medNC17 { width: 37px; background-position: 0px -80px; height: 11px; }
.s_medX { width: 13px; background-position: -40px -80px; height: 11px; }
.s_medNotRated { width: 68px; background-position: -60px -80px; height: 11px; }
 
/**************** New Release Page specific classes ****************/
.ReleaseWeekContainer { margin: 0px; width: 950px; }
.ReleaseWeekSectionDateHeader { font-size: 15px; font-weight:bold; color: #595959; }
.ReleaseWeekItemContainer { border: 1px solid #fff; float: left; margin: 0px; padding:2px; width: 220px; }
.ReleaseWeekItemContainer:hover { border: 1px solid #ccc; cursor:pointer; }
.ReleaseWeekItemDetail { padding: 0px; margin: 4px 5px 4px 0px; }
.ReleaseWeekItemDetail span { font-weight:bold; margin-right: 2px; }
.ReleaseWeekItemDetail img { padding-left:0px; padding-right: 5px; }
.ReleaseWeekItemRow { padding-bottom: 15px; }
.ReleaseWeekContainerLarge { margin: 0px 2px; }
.ReleaseWeekPhotoContainerLarge { padding: 2px; }
.ReleaseWeekPhotoContainerLarge img { margin: auto; }
.ReleaseWeekDataContainerLarge { padding: 0px 3px; }
.ReleaseWeekItemTitle { color: #595959; font-size: 12px; font-weight: 700; margin-bottom: 3px; }


.ImageLoadingZone { background: url(../images/bkg/bigroller.gif) no-repeat center center; }

/**************** News Page specific classes ****************/
.ViewAsPdf { float: right; }
.ViewAsPdfInput { margin-right: 15px; }

/**************** Footer specific classes ****************/

.copyright { color: #fff; font-size: 11px; font-weight: normal; padding: 5px 0px 5px; text-align:left; text-transform: none; vertical-align:bottom; }
.privacy { font-size: 10px; font-weight: normal; text-align: right; text-transform: none; }
.privacy a { font-size: 10px; }

