/*** HTML Elements ***/
body, div, span, img, ul, li, h1, h2, h3, h4, p, form, iframe { padding:0; margin:0 }
body { background:#fbfbea url(bg.jpg) center top no-repeat fixed; font-family: Verdana, Arial, Helvetica, sans-serif }
div, span, p, a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF }
h1, h1 a, h4, h4 a { font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
h1, h1 a { font-size:16px }


/* Sub-Section Titles */
h1, h1 a { font-size:16px; font-weight:normal; color:#fff }


h3, h2 { padding:0; font-size:16px; font-weight:normal; line-height:30px; }
h3 a, h2 a { display:block; width:auto; height:auto; margin:0; line-height:normal; overflow:hidden; font-size:16px; text-decoration:none; border:0 }
h3 a:hover, h3 a.on, h2 a:hover, h2 a.on  { text-decoration:underline }

h4, h4 a { font-size:12px }
li { list-style:none; vertical-align:bottom }
img, iframe { border:0 }
a { text-decoration:none }
* html a { z-index:1 }
a:hover { text-decoration:underline; }
form { display:inline }
select, input { font-size:12px; color:#000 }
select, input.text { border:1px #888 solid; background:#FFF }
input.text { text-indent:0 }
hr{ border:none }

/* General Classes */
.clean { clear:both!important; margin:0!important; padding:0!important; width:100%!important; height:0!important; line-height:0!important; font-size:0!important; }
.bluu { color:#7cd0f4; }
.yllw { color:#ffd423; }
.dotted { clear:both;margin:0;padding:0;width:100%!important;height:1px;line-height:1px;font-size:1px;background:url(hbo_dotted.gif) top left repeat-x; }



#header { width:100%; height:auto;background:url() top left repeat-x;z-index:20}
#header #mainHeader { margin:0 auto;width:970px;border-width:0 6px;border-color:#232323;border-style:solid;background-color:#eaeaea; }

/* Home Link/Logo */
#header #mainHeader h1#homeLink, #header #mainHeader h2#homeLink { display:inline; float:left; padding:0; margin:0;border-bottom:1px solid #bbb; }
#header #mainHeader h1#homeLink a, #header #mainHeader h2#homeLink a  { display:block; margin:0; padding:0; width:235px; height:97px; text-indent:-9999px; background:url(logo.gif) top left no-repeat; }
#header #mainHeader h1#homeLink a:hover, #header #mainHeader h2#homeLink a:hover { background-position:bottom left; }

#header #mainHeader #topBanner { display:inline;float:right;padding:3px 7px 4px 0;width:728px;height:90px;border-bottom:1px solid #bbb; }

/* User Menu */
#header #mainHeader iframe { float:right; }
#bar { position:relative;background-color:#3c3c3c;height:21px; }
#bar #barOuter { width:970px;margin:0 auto;height:21px; }
#bar #barOuter #barLink { float:left;height:21px;line-height:21px;margin-left:22px; }
#bar #barOuter #barLink img { vertical-align:top; }
#bar #barOuter #barLink a { color:#ffd423;font-size:10px; }
#userMenu { float:right;padding:0;margin:0;width:auto;line-height:21px;height:21px;font-size:10px;font-family:arial;color:#FFF;text-align:right; }
#userMenu a { padding:0 7px; color:#FFF; font-size:10px; border-right:1px solid #FFF; text-decoration:none; }
#userMenu a:hover { text-decoration:underline; }
#userMenu a.last { border-right:none; }
#userMenu a span.promoColor {color:#7BD0F4}


#searchCart { display:inline;float:right;width:490px;margin:13px 14px 14px 0;height:33px;background:url(searchCart_bg.gif) center center repeat-x; }
/* Cart Link */
#header #mainHeader #cartLink { float:right; padding:1px 3px 1px 0; margin:0; width:215px; line-height:29px; color:#FFF;text-align:right; }
#header #mainHeader #cartLink img { vertical-align:middle; }
#header #mainHeader #cartLink a { color:#FFF; }
#header #mainHeader #cartLink a span { font-size:11px;font-weight:bold; }
/* Search Box */
#header #mainHeader #searchBox { float:left; padding:5px 0 5px 6px; margin:0; line-height:normal; height:23px;color:#FFF; }
#header #mainHeader #searchBox h2 {height:29px;display:block; float:left; padding:0 5px 0 16px; font-size:12px; color:#FFF; background:transparent url(hbo_search_bg.jpg) left center no-repeat; }
#header #mainHeader #searchBox form input { vertical-align:middle; }
#header #mainHeader #searchBox input#searchtext { float:left;width:196px;height:23px;background:url(searchfield_bg.gif) top left no-repeat;border:0;padding-left:30px; }
#header #mainHeader #searchBox #searchsubmit { margin-left:5px; }

/* Top Nav */
/*#topnav { clear:both; margin:1px auto 0 auto; width:1000px; line-height:26px; }
#topnav ul#navlist { margin-left:15px; }
#topnav ul#navlist li.cat { display:inline; float:left; }
#topnav ul#navlist li.cat a { display:block; width:auto; padding-right:75px; }*/
/*
#topNav { position:relative;clear:both;z-index:1;margin:0px auto;width:970px;height:25px;border-width:0 6px;border-color:#232323;border-style:solid; }
#topNav ul { position:relative; margin:0; padding:0; height:25px; }
#topNav ul li.cat { position:relative; float:left; height:25px; padding:0; z-index:1; list-style:none outside }
#topNav ul li a { z-index:1; display:block; height:25px; margin:0; padding:0; text-indent:-9999px;overflow:hidden; background-repeat:no-repeat;background-position:left top }
#topNav ul li a img { vertical-align:middle; }
#topNav ul li ul { position:absolute; top:25px; left:-5px; width:175px; height:auto; margin:0; padding:0 0 3px; background:url(hbo_topnav_bg.png) top left repeat-y; z-index:999; }
#topNav ul li a:hover, #topNav ul li a.on { background-position:bottom left }
#topNav ul li ul li { width:175px; padding:0; height:auto; margin:0; line-height:16px; _background:#000}
#topNav ul li ul li a { display:block; width:auto; height:auto; margin:0; padding:0 12px; line-height:16px; text-indent:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:none }
#topNav ul li ul li a:hover { text-decoration:none }
#topNav ul li #showsNav { padding:5px; width:auto;height:auto;float:left; background:#000000;position:absolute;left:0;top:25px; }
#topNav ul li #showsNav h3 { height:auto; margin:0; padding:0 0 0 7px; line-height:24px; cursor:default; }
#topNav ul li #showsNav ul{float:left; width:175px;padding:0; margin:24px 0 0 0; position:relative;top:0; left:0; background:none}
#topNav ul li #showsNav ul.seriesHeader {padding:0; margin:0}
#topNav ul li #showsNav li { width:170px;padding-left:5px}
#topNav ul li #showsNav a {text-indent:-0.5em;}
*/
#topNav { position:relative;clear:both;z-index:1;margin:0px auto;width:970px;height:25px;border-width:0 6px;border-color:#232323;border-style:solid;background-color:#1d1d1d; }
#topNav ul#dropdown-menu { /*position:relative;*/ float:left;margin:0!important;padding:0;height:25px; }
#topNav ul li { list-style:none inside; }
#topNav ul li ul { /*float:right; */position:relative;top:25px!important;width:auto;margin:0;padding:0 0 2px;background:#000;border:0;z-index:999;height:auto;background-color:#313131; }
#topNav ul li ul li { float:left;height:auto;width:242px; }
#topNav ul li ul li ul { float:left;width:242px;top:0px!important;position:relative;border:0;margin:0;padding:10px 0;background-image:none; }
#topNav ul li ul li ul li{ float:left;padding:0 12px;width:216px;height:23px;border-left:1px solid #373737;}
#topNav ul li ul li ul li a { display:block;padding:4px 0;width:216px;height:auto;color:#fff;font-size:11px;text-transform:none;font-weight:bold;border-bottom:1px solid #373737; }
#topNav ul li ul li ul li a:hover, #topNav ul li ul li ul li a.on { text-decoration:none;color:#CFEBEE; }
#topNav ul li ul li ul { z-index:20000 }
#topNav ul li ul li ul.firstul { width:244px; }
#topNav ul li ul li ul.firstul li { width:220px;border-left:0; }
#topNav ul li ul li ul.firstul li a { width:220px;border-left:0; }

#topNav ul li.cat { z-index:1; float:left; height:100%; width:auto; padding:0; }
#topNav ul li.cat a.catLink { z-index:1; display:block; height:25px; margin:0; padding:0; overflow:hidden; background-repeat:no-repeat; background-position:left top; color:#002F6A; letter-spacing:-1px; font-weight:bold;text-indent:-999px; }
#topNav ul li.cat a.catLink:hover, #topNav ul li:hover a, #topNav ul li:hover a:hover { text-decoration:none;background-position:bottom left; background-color:transparent; }

#topNav ul li ul li ul.navViewAll { clear:both;float:none;padding:0;margin:0;width:242px;background-color:#1f1f1f; }
#topNav ul li ul li ul.navViewAll li { background-color:#1f1f1f; }
#topNav ul li ul li ul.navViewAll li a { clear:both;float:none;width:218px;border-bottom:0; }

#topNav ul li.alpha ul, #topNav ul li.list ul { width:244px; }

#topNav ul li.full ul li { width:970px; }
#topNav ul li.full ul li ul { height:auto; }
#topNav ul li.full ul li ul.navViewAll { width:970px; }
#topNav ul li.full ul li ul li { width:auto; }
#topNav ul li.full ul li ul.navViewAll li a { width:946px; }

#topNav ul li.col2 ul li { width:488px; }
#topNav ul li.col2 ul li ul { height:auto; }
#topNav ul li.col2 ul li ul.navViewAll { width:488px; }
#topNav ul li.col2 ul li ul li { width:auto; }
#topNav ul li.col2 ul li ul.navViewAll li a { width:464px; }

/*
#topNav ul li ul.navViewAll  li{ float:none; clear:both; width:239px; margin:0; }
*:first-child+html #topNav ul li ul.navViewAll li { float:left }
* html #topNav ul li ul.navViewAll li { float:left }
#topNav ul li ul.navViewAll li a { display: block; width: auto; height: auto; padding:7px 12px; margin:0 6px; color:#022f6a; font-weight:bold; text-transform:none; text-indent:0; background:#ccc; }
#topNav ul li ul.navViewAll li a:hover { text-decoration:underline; background:#ccc; }
#topNav ul li.last { background-image:none; padding-right:0; }
#topNav ul li ul li ul.first{ margin:0 6px; }
#topNav ul li ul li ul.first li { border-color:#fff; }
#topNav ul li ul li ul.first li a { width:214px; }
#topNav ul li.full ul li { width:970px; }
#topNav ul li.full ul li.navViewAll { width:970px; }
#topNav ul li.full ul li.navViewAll a { margin:0 2px 0 6px; }
#topNav ul li.full ul li ul.first{ margin:0 0 0 6px; }
#topNav ul li.full ul li ul li { width:240px; }
*/
/* Text Promo/Search/Cart */
#header div#textPromo { float:left;margin:0;padding:0;width:466px;background:#eaeaea; }
#header div#textPromo img { float:left }
#header div#textPromo #giftCard { float:right }

/* Home Page Flash Unit */
.homePage #homeFlash { clear:both; margin:0 auto; padding:0; width:1000px; height:auto; border-top:0 }

/** Main containing div - extends past sides of content area **/
#mainContainer { clear:both; width:auto; margin:0 auto }
/** Main content div encloses content within container **/
#mainContent { clear:both;width:970px;padding:5px 0 0;margin:0 auto;text-align:left;border-width:0 6px;border-color:#232323;border-style:solid;background-color:#eaeaea; }

#contentHolder { clear:both;padding:0;width:auto;border-top:1px solid #232323; }

#content { /*position:relative;*/ float:left;display:inline;width:654px;z-index:10;overflow:hidden; }

#breadcrumbs, #breadcrumbs a, #breadcrumbs span, #breadcrumbs div, #categoryControl, #categoryControl a, #categoryControl span, #categoryControl div { font-family:Verdana, Arial, Helvetica, sans-serif; color:#232323; font-size:11px; font-weight:normal }

#breadcrumbs { position:relative; clear:both; padding:0 0 0 5px; margin:0; line-height:26px; text-align:left;}
#breadcrumbs a { display:inline; line-height:26px; }
#breadcrumbs .display { display:block; float:right; margin:-26px 5px 0 0; padding:0; text-align:right; line-height:26px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #breadcrumbs .display { margin:0 }
}

/* Side Navigation  (Left for store, right for blog) */
#sideNav { float:left; display:inline; width:198px; }
#sideNav ul li h3, #sideNav ul li h2 { padding:6px 20px 7px;font-size:16px;font-weight:normal;line-height:16px;background-color:#101010;font-family:Arial, Helvetica, sans-serif;border-top:3px solid #232323;border-bottom:3px solid #232323;color:#CFEBEE; }
#sideNav ul li h3.linked, #sideNav ul li h2.linked { padding:0; }
#sideNav ul li h3 a, #sideNav ul li h2 a { padding:6px 20px 7px;font-size:16px;font-weight:normal;line-height:16px;background-color:#101010;font-family:Arial, Helvetica, sans-serif;color:#CFEBEE; }
#sideNav ul li h3 a:hover, #sideNav ul li h3 a.on, #sideNav ul li h2 a:hover, #sideNav ul li h2 a.on  { background-color:#565656;text-decoration:none; }
#sideNav ul { margin:0 0 10px; padding:0; border:0; }
#sideNav ul li { width:auto;height:auto;line-height:normal;margin:0;padding:0;border:0;height:auto;overflow:hidden;vertical-align:bottom;font-size:12px; }
#sideNav ul li a { display:block;width:auto;height:100%;line-height:19px;margin:0;padding:2px 6px 3px 10px;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;border:0;text-indent:-2px;color:#222;font-family:Georgia, serif }
#sideNav ul li a:hover { background:#565656;color:#fff; }
#sideNav ul li ul li { clear:both;padding:0 }
#sideNav ul li a.viewAllLink { color:#E9c657; }

#sideNav #newsletter { margin-top:7px;padding:0 10px;width:auto;height:182px;background:url(newsletter_bg.gif) left top no-repeat; }
#sideNav #newsletter p { padding:19px 12px 10px;height:76px;overflow:hidden;text-align:center;text-transform:uppercase;line-height:19px;font-size:11px; }
#sideNav #newsletter form { margin:0;padding:0;height:27px; }
#sideNav #newsletter input { float:left;margin-top:7px; }
#sideNav #newsletter input.text { margin-right:7px;height:20px;width:131px;line-height:20px; }
#sideNav #newsletter p#save { clear:both;height:auto;line-height:normal;padding:5px 5px 0;text-transform:none; }
#sideNav #newsletter p#save span#part1 { display:block;font-size:15px;text-transform:uppercase; }
#sideNav #newsletter p#save span#part2 { display:block;font-size:13px;line-height:16px; }

/* Right Column */
#rightColumn { display:inline;float:right;padding-bottom:5px; }
#rightColumn .rightMod { position:relative;clear:both;margin:7px auto 0; }
#rightColumn .narrow .rightMod { width:174px; }
#rightColumn .wide .rightMod { width:314px; }
#rightColumn h2 { background-color:#232323;line-height:44px;margin-top:5px;padding-bottom:4px;padding-left:10px;text-transform:uppercase; }

.wide { width:314px; }
.wide  #auctionMod { height:344px; }
.wide  #rightRectangle { width:300px;height:250px;border:1px solid #bebebe; }
.wide  #blogFeed { padding-top:7px;margin-top:0px;height:300px; }
.wide  #newsletter { margin-top:7px;padding:0 16px;width:auto;height:150px;background:url(newsletter_wide_bg.gif) center top no-repeat; }
.wide  #newsletter p { padding:17px 39px 10px;height:53px;overflow:hidden;text-align:center;text-transform:uppercase;line-height:19px;font-size:12px; }
.wide  #newsletter form { margin:0;padding:0;height:22px; }
.wide  #newsletter input { float:left;margin-top:7px; }
.wide  #newsletter input.text { margin-right:7px;height:20px;width:231px;line-height:20px; }
.wide  #newsletter p#save { height:auto;line-height:normal;padding:0 10px;text-transform:none; }
.wide  #newsletter p#save span#part1 { font-size:15px;text-transform:uppercase;padding-right:3px; }
.wide  #newsletter p#save span#part2 { font-size:13px; }

.narrow { width:174px; }
.narrow  #rightSkyscraper { width:160px;height:600px;margin:7px auto 0;border:1px solid #bebebe; }

/** Footer **/
#footerTitle { /*float:left;*/ clear:both; width:970px; margin:2px auto 0; padding:4px 10px }
#footer { /*float:left;*/ clear:both; width:auto; height:auto; margin:0; padding:10px 0 0 0; text-align:center; border-top:1px solid #505353;background:#232323; }
#footer h3 { font-size:13px; }
#footer a { color:#FFF; text-decoration:none }
#footer a:hover { text-decoration:underline }
#footer div#partners { text-align:right;line-height:46px;height:46px;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #505353;padding-bottom:10px; }
#footer div#partners img { vertical-align:middle; }
#footer div#footerLinks { margin-bottom:15px; height:auto; background:url(footerlinks_bg.gif) top left repeat-y; }
#footer div#footerLinks ul { display:block; float:left; /*width:226px;*/ width:220px; height:auto; padding:0 10px; }
#footer div#footerLinks ul.last { border-right:0 }
#footer div#footerLinks ul li img { vertical-align:top }
#footer div#footerLinks ul li h3 { margin-bottom:5px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #505353;line-height:27px; }
#footer div#footerLinks ul li, #footer div#footerLinks ul li a { text-align:left; font-size:10px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF } 
#footer div#footerLogos { padding-top:15px; height:54px;background-color:transparent; }
#footer div#footerLogos ul { display:block; float:right; width:585px; height:34px; padding:10px 0 10px 10px; border-right:0 }
#footer div#footerLogos ul#secureBadges { float:left; padding:10px 0 10px 10px; width:355px; }
#footer div#footerLogos ul li { float:left; padding:2px 17px; height:auto; line-height:36px; vertical-align:middle }
#footer div#footerLogos ul li.first { padding:2px 20px 2px 0 }
#footer div#footerLogos ul#secureBadges li { padding:2px 6px }
#footer div#footerLogos ul#secureBadges li.first { padding:2px 10px 2px 0 }
#footer div#footerLogos ul#secureBadges li.last { padding-right:0 }
#footer div#footerLogos ul li h3 { margin-top:6px }
#footer div#footerLogos ul li img { vertical-align:middle }

#footer div#footerLogos.footerLogosSecure { height:100px; }
#footer div#footerLogos.footerLogosSecure ul { display:block; float:right; width:585px; height:80px; padding:10px 0 10px 10px; border-right:0 }

#footer div#footerCopy, #footer div#footerCopy h3, #footer div#footerCopy p { text-align:center }
#footer div#footerCopy h3 { padding-top:10px }
#footer div#footerCopy p { width:auto; margin:0 auto; padding-top:20px; color:#FFF; font-size:11px }
#footer div#footerCopy p#daPower { padding-bottom:20px;font-weight:bold; text-transform:uppercase }
#footer div#footerCopy p#daPower a img { vertical-align:middle }