/** HTML Element styles **/
* { margin:0; padding:0; }
body { background:#333333; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; }
a {text-decoration:none; color:#3C557A; font-family:Arial, Helvetica, sans-serif; }
a:hover {text-decoration:underline;} 
img { border:none;}
p { color:#313131;}
h1 { color:#313131; font-size:14px; text-transform:uppercase }
h2 { color:#313131; font-size:12px; font-weight:bold; text-transform:uppercase }
h3 { color:#313131; font-size:12px; font-weight:bold; }
h4 { color:#313131; font-size:12px; font-weight:bold; }
input {border:1px solid #ccc}
input[type=image] {border:none}

/** Recurring Classes **/
.whitelinkbold { font-family:arial,sans serif; font-size:11px;font-weight:bold;color:#fff;text-decoration:none}
.whitelinkbold:hover { font-family:arial,sans serif;font-size:11px;font-weight:bold;color:#fff;text-decoration:none }
.clearBoth { clear:both;font-size:0;line-height:0;margin:0;padding:0;height:0 }
.last { border-right:0px; }
.tableInfo { padding:3px 0; font-size:11px; }
.smallText { font-size:10px; }
.errorMessage { font-size:11px; color:#f00; }
.sectionLabel { padding:5px 0; font-weight:bold; }
.altColorRow { background:#ddd }

/** Major Elements **/
/* Page Wrapper */
#pageWrapper { width:972px; padding:0 0 11px 0; margin:0 auto; background:#fff;position:relative}
#contentWrapper {float:left; background:#fff; width:100% }
#header {background:url(logo.jpg) no-repeat top center; height:61px; width:970px; margin:0 auto}
#header a {color:#fff; }
#textPromo {background:url(border_content_top.jpg) no-repeat center bottom; height:33px;margin-bottom:8px; width:970px;}

/* Top Navigation and Header */
#topNav { float:right;height:17px; width:500px; padding:37px 0 0 0 }
#topNav ul { }
#topNav ul li { float:right; list-style:none; margin:0; }
#topNav ul li#topNavNBCLink { float:left; margin:0 0 0 11px; }
#topNav ul li a { font-size:11px;color:#fff;font-weight:normal; display:block; padding:0 9px; line-height:12px;border-right:1px solid #fff}
#topNav ul li.last a {border-right:none}
#headerLink { display:block; width:251px; height:61px; margin:0 auto; float:left }

/* Left Navigation */
#leftNav { width:232px; margin:0 5px 0 0; float:left; background:#fff;}
#leftNav a {color:#333}
#leftNav div#leftNavigation { margin:0; padding:0; }
#leftNav div#leftNavigation h3#leftNavHeader { /*width:232px; height:49px; margin:0; padding:0; overflow:hidden; text-indent:-9999px;*/ padding-top:5px; text-indent:10px; font-size:16px }
#leftNav div#leftNavigation ul { margin:0; padding:0 }
#leftNav div#leftNavigation ul li { width:232px; height:24px; list-style:none; text-align:left; text-indent:12px; line-height:24px; }
#leftNav div#leftNavigation ul li a:hover { text-decoration:underline;  }
#leftNav div#leftNavBottom { width:232px; height:10px;}
/**Levt Nav Register **/
#leftNav div#leftNavRegister { width:222px; padding:15px 2px 30px 8px;background:url(separator_short.jpg) no-repeat center bottom; font-size:12px; color:#333; }
#leftNav div#leftNavRegister h3 { overflow: hidden; text-indent:-9999px; background:url(lbl_register.jpg) no-repeat top left; height:17px; padding: }
#leftNav div#leftNavRegister a { color:#999; font-size:11px }
#leftNav div#leftNavRegister p {padding:5px 0}
#leftNav div#leftNavRegister #email {border:1px solid #555555; float:left}
#leftNav div#leftNavRegister #submit {vertical-align:middle; float:left}
#leftNav div.leftNavPromo { width:232px; margin:9px 0 0 0; text-align:center }

#leftNav.CelebrityApprentice div#leftNavRegister { margin:1px 0 0 0 }



/* Content */
#contentTop { width:728px; height:11px; margin:0; padding:0; background:url(bgContentTop.gif) top no-repeat;}
#contentTopCat { width:728px; height:31px; margin:0; padding:0; background:url(bgContentTop.gif) top no-repeat; border-bottom:1px solid #aaa; }
#content #contentTopCat h4 { position:relative; padding:8px 0 8px 11px; text-transform:uppercase }
#content #contentTopCat h4 span { position:absolute; right:11px; top:8px; text-transform:none; color:#3C557A }
/*.cat30Rock { background:url(bgTop30Rock.gif) top no-repeat; }
.catFridayNightLights { background:url(bgTopFridayNightLights.gif) top no-repeat; }
.catHeroes { background:url(bgTopHeroes.gif) top no-repeat; }
.catLasVegas { background:url(bgTopLasVegas.gif) top no-repeat; }
.catTheOffice { background:url(bgTopTheOffice.gif) top no-repeat; }
.catTonightShowwithJayLeno { background:url(bgTopTonightShowwithJayLeno.gif) top no-repeat; }
.catLawandOrder { background:url(bgTopLawandOrder.gif) top no-repeat; }
.catCelebrityApprentice { background:url(bgTopCelebrityApprentice.gif) top no-repeat; }
.catMyNameIsEarl { background:url(bgTopMyNameIsEarl.gif) top no-repeat; }
.cat2008BeijingOlympics { background:url(bgOlympics.gif) top no-repeat; }
.catPassions { background:url(bgTopPassions.gif) top no-repeat; }*/
#contentBottom { clear:both; width:728px; height:50px; margin:3px 0 0 0; background:#fff url(bgContentBottom.gif) no-repeat top center; padding:0; }
#content { width:728px; margin:0 5px 0 0; padding:0; background:#fff url(bgContent.gif) repeat-y center;float:right;  }
#content a { color:#3c557a }
#content a:hover { color:#3c557a; text-decoration:none }
#content p { padding:7px 16px 6px 16px; }
#content h1 { padding:2px 16px; margin:0 0 5px 0; }
#content h2 { padding:2px 16px; margin:6px 0 5px 0; border-top:1px #aaaaaa8 solid; border-bottom:1px #aaaaaa solid }
#content h3 { padding:2px 16px; margin:0; }
#content h4 { padding:2px 16px; margin:0;}
#content table { width:500px; margin:0 0 10px 16px; }
#content table th { width:160px; padding:0 5px 0 0; text-align:right; }
#content table td { text-align:left; }
#content table input { /*border:1px solid #000;*/ }
#content table select { font-size:13px }
#content form { padding:0 0 8px 16px }
#content ul { padding:0 0 0 16px }
#content ul li { list-style:inside; }

/* Footer */
#footer { width:972px; margin:0 auto; clear:both; text-align:center; background:#fff; border-top:1px solid #DDDDDD; height:200px;padding:0 }
#footer p {color:#fff}
#footer ul {float:left; display:block;}
#footer ul li {list-style:none; text-align:left}
#footer img {vertical-align:middle}
#footer div#footerLinks { height:auto; margin:0 auto; }
#footer div#footerLinks ul {border-right:1px solid #DDDDDD;display:block;float:left;height:100px;padding:8px 6px; width:229px}
#footer div#footerLinks ul.last {border-right:none}
#footer h3 {padding-bottom:10px;text-transform:uppercase;}
#footer div#footerLinks a { margin:0; padding:0 10px; font-size:12px; color:#313131;text-align:left }
#footer div#footerLinks h3 {margin-left:10px; overflow:hidden; text-indent:-9999px}
#footer div#footerLinks h3#customerService {background:url(hdr_customerService.gif) no-repeat top left}
#footer div#footerLinks h3#myAccount {background:url(hdr_myAccount.gif) no-repeat top left}
#footer div#footerLinks h3#aboutUs {background:url(hdr_aboutUs.gif) no-repeat top left}
#footer div#footerLinks h3#ordering {background:url(hdr_ordering.gif) no-repeat top left}
#footer div#footerLinks a.last { border-right:0; }
#footer div#footerLegal { width:800px; margin:0 auto; padding:0 0 10px 0; font-size:11px; color:#fff; }
#footer div#footerLogos {border-top:1px solid #AAAAAA;clear:both;height:54px;}
#footer div#footerLogos ul {border-right:0 none;display:block;float:right;height:34px;padding:10px 7px;width:530px;}
#footer div#footerLogos ul li {float:left;height:31px;padding:2px 9px;vertical-align:middle;}
#footer div#footerLogos ul li img {vertical-align:middle;}
#footer div#footerLogos ul#secureBadges {border-right:1px solid #DDDDDD;float:left;padding-top:8px;width:390px;}
#footer div#footerLogos ul#secureBadges li.first {padding:2px 8px 2px 0;}
#footer div#footerLogos h3#weAccept {overflow:hidden; text-indent:-9999px; margin-top:10px; background:url(hdr_weAccept.gif) no-repeat top left; width:88px}
#footer div#footerLogos ul#secureBadges h3#secureShopping {overflow:hidden; text-indent:-9999px; margin-top:10px; background:url(hdr_secureShopping.gif) no-repeat top left; width:138px}
#footer div#footerLogos ul#secureBadges li {padding:2px 8px;}
#footer #footerCopy {background:url(bg_footer.jpg) repeat top left;padding:5px}

/** Home Page Elements **/
#flashWrapper { width:728px; height:260px; margin:0 }
#flashSlider { width:728px; height:260px; padding:0; margin:0; z-index:10 }

#itemList { width:728px; padding:0; float:left;margin:9px 0 0; background:url(bgContentTop.gif) no-repeat center top; }
#itemList p { padding:2px 16px 6px 16px; }
#itemList div#itemGrid { padding:10px 0; margin:0;/*border-left:1px solid #ccc; border-right:1px solid #ccc*/  }
#itemList div.itemHome { float:left; height:280px; width:135px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:10px 5px; text-align:center; overflow:hidden; border-bottom:1px #ccc solid; border-left:1px #ccc solid; }
#itemList div.last { width:132px; border-right:1px #ccc solid }
#itemList div.itemHome img { width:125px; height:125px; }
#itemList div.itemHome .iimage { float:left; margin:0px 5px; padding:0; }
#itemList div.itemHome .iteminfo { margin:8px auto 0 auto; }
#itemList div.itemHome .iteminfo a {color:#484848}
#itemList div.itemHome .ititle { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#000; }
#itemList div.itemHome .ibid { color:#f26f21; }
#itemList div.itemHome .itime { color:#507587; }
#itemList div.itemHome .imore { margin:0 0 5px 0; }

#itemList #seeMoreLink { display:block; float:left; padding:4px 8px; font-size:18px; font-weight:bold; text-decoration:underline }


/** Category Page Elements **/
#headerShow {float:left; display:block; width:728px; height:184px; margin:0 0 10px 0; }
.hdrPlaceHolder { background:url(hdrPlaceHolder.jpg) top no-repeat; }
.hdrPlaceHolder1 { background:url(hdrPlaceHolder1.jpg) top no-repeat; }
.hdrPlaceHolder2 { background:url(hdrPlaceHolder2.jpg) top no-repeat; }
.hdr30Rock { background:url(hdr30Rock.jpg) top no-repeat; }
.hdrFridayNightLights { background:url(hdrFridayNightLights.jpg) top no-repeat; }
.hdrHeroes { background:url(hdrHeroes.jpg) top no-repeat; }
.hdrLasVegas { background:url(hdrLasVegas.jpg) top no-repeat; }
.hdrTheOffice { background:url(hdrTheOffice.jpg) top no-repeat; }
.hdrTonightShowwithJayLeno { background:url(hdrTonightShowwithJayLeno.jpg) top no-repeat; }
.hdrLawandOrder { background:url(hdrLawandOrder.jpg) top no-repeat; }
.hdrCelebrityApprentice { background:url(hdrCelebrityApprentice.jpg) top no-repeat; }
.hdrMyNameIsEarl { background:url(hdrMyNameIsEarl.jpg) top no-repeat; }
.hdr2008BeijingOlympics { background:url(hdrOlympics.jpg) top no-repeat; }
.hdrPassions { background:url(hdrPassions.jpg) top no-repeat; }

#content .item { width:726px; height:150px; margin:0; border:1px #aaa solid; border-top:none; border-bottom:none; overflow:hidden; }
#content .item .itemImage { width:147px; height:147px; padding:3px 0 0 3px; float:left; }
#content .item .itemImage img { width:145px; height:145px; border:1px solid #aaa }
#content .item .itemInfo { width:200px; margin:0 0 0 15px;float:left; padding:13px 0 0 0; color:#3c557a; font-size:12px }
#content .item .itemInfo a {color:#484848; font-weight:bold; font-size:12px }
#content .item .itemInfo .itemTitle { font-size:14px }
#content .item .itemInfo .moreInfo {color:#3c557a; text-decoration:underline}
#content .item .itemInfo p { margin:0; padding:2px 0; }
#content .item .itemDesc { width:339px; margin:0 6px 0 15px; float:left; padding:13px 0 0 0; text-align:justify; font-size:11px; color:#484848 }
#content .item .itemDesc b { font-size:12px }
#content #last.item {border-bottom:1px #aaaaaa solid;}
/** Detail Page Elements **/
#content #detailWrapper {padding-top:15px}
#content #detailWrapper h2 { padding:2px 7px; border:0 }
#content #detailImage { display:inline; width:289px; margin:6px 0 25px 5px; float:left; text-align:center; }
#content #detailImage img { width:287px; height:287px; margin:0 0 8px; padding:0; border:1px solid #aaa; }
#content #detailImage .detailAltImage { padding:0 3px; }
#content #detailImage .detailAltImage img { width:45px; height:45px; margin:0; }

#content #detailInfo { float:left; margin:6px 0 25px 23px; min-height:330px; _height:330px; width:400px }
#content #detailInfo h1 { padding:30px 16px 2px 5px; margin:0; text-transform:none }
#content #detailInfo h2 { clear:both }
#content #detailInfo h4 { }
#content #detailInfo table { width:320px; margin:0 0 0 5px; }
#content #detailInfo table th { padding:2px 5px 2px 0; width:100px; font-weight:normal; text-align:left; font-size:14px; color:#3C557A; vertical-align:top; }
#content #detailInfo table td { padding:2px 0; font-size:14px; vertical-align:top; color:#3C557A }
#content #detailInfo table td.watchshare { font-size:12px; }
#content #detailInfo table td form { padding:0 }
#content #detailDesc { padding:2px 7px; margin:6px 0 5px 0 }

/** Featured Boxes **/
.featured { background:url(show.jpg) no-repeat top; width:619px; height:102px; }
.featured_blue { background:url(header_blue.jpg) no-repeat top; height:25px; }


