/* GRID */
.grid3cola .column {
	margin-left: 15px;
}
.grid3cola .column.first {
	width: 184px;
	margin-left: 15px;
}
.grid3cola .column.last { width: 300px;
}
.grid3cola .grid3col .column { width: 184px; margin-left: 14px; }

/* MAIN */
#main h3 { font-size: 13px; color: #fff; font-weight: normal; word-spacing: -0.1em; }
#main a { color: #fff; text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main .more {
	color: #ccc;
	font-weight: bold;
	padding: 0 16px 0 0;
	white-space: nowrap;
*background-image: none !important; 	background-image: url(graph/morearrow.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#main .more:hover { color: #fff; }
#main .sidebar {
	font-size: 11px;
	color: #ccc;
}
#main .sidebar p,
#main .sidebar ul,
#main .sidebar ol,
#main .sidebar h4 {
	font-size: 11px;
	line-height: 14px;
}
#main .sidebar p,
#main .sidebar ol { margin-bottom: 8px; }




/* CONTENT */
#content { padding: 15px 0 0; }

/* BOXES */
#main .box { background: url(graph/box_580bg.png) 0 100% no-repeat; overflow: hidden; }
#main .sidebar .box {
	background-image: url(graph/box_300bg.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
#main .box h2 { text-indent: -9999px; height: 25px; overflow: hidden; position: relative; margin-bottom: 0; }
#main .padder {
	padding: 0 15px;
}

/* DRAWERS */
#main ul.drawers {
	margin: 0 !important;
}
#main .slider .drawer-handle {
	color: #ccc;
	font-size: 12px;
	text-indent: 15px;
	width: 100%;
	background: #000 
								url(graph/slider_handlebg3.png) 0 0 no-repeat;
	cursor: default;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
								
#main .slider .drawer-handle:hover { 	url(graph/slider_handlebg3.png) 0 0 no-repeat;
	background-position: -600px 0;
	cursor: default;
	background-image: url(graph/slider_handlebg3.png);
}
								
#main .slider .drawer-content { display: block; margin: 0; height: auto; }
#main .slider h3.open {
	background-color: #505c71;
	background-position: -300px 0;
	color: #fff;
}

/* TOP LISTS */
#main .sidebar ol.toplist {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 15px;
}
#main .sidebar ol.toplist li { margin-bottom: 4px; }
#main .sidebar ol.toplist li a { color: #ccc; }
#main .sidebar ol.toplist li strong { color: #fff; }
#main .sidebar ol.toplist li.viewall { list-style-type: none; margin-bottom: 0; }

/* Bodytext*/
.bodytext { font-size: 11px;
			line-height: 14px;
			list-style-position: inside;
			list-style-type: disc; }
			
/* Bodytexthead*/
.bodytext_head { 	font-size: 13px; 
					line-height: 14px;
					color: #fff; 
					font-weight: normal; 
					word-spacing: -0.1em;
					list-style-position: inside;
					list-style-type: disc; }			



/* PRODUCT BROWSER */
#productbrowser {
	width: 980px;
	height: 120px;
	overflow: auto;
	background-color: #a4907a;
	background-position: top;
}

#tophead {
	width: 980px;
	height: 120px;
	overflow: auto;
	background-color: aa9b86;
	background-repeat: no-repeat;
	background-position: top;
}

#pb-productbrowsercontainer {
	position: relative;
	width: 980px;
	height: 120px;
	margin: 0 auto;
	visibility: visible;
}

#pb-productflashcontainer {
	position: relative;
	width: 980px;
	height: 580px;
	margin: 0 auto;
	visibility: visible;
	background-color: #000000;
	background-position: center;
}

#pb-productslider {
	top: 15px;
	left: 0;
	width: 960px;
	height: 90px;
	position: absolute;
	margin: 0;
	padding: 0;
	visibility: visible;
}
#pb-head { top: 15px; left: 0; width: 960px; height: 90px; position: absolute; margin: 0; padding: 0; }
#pb-productslider .pb-productimage { float: left; width: 137px; height: 90px; position: relative; top: 0; }
#pb-productslider .pb-productimage a { float: left; width: 100%; padding-top: 90px; overflow: hidden; color: #ccc; font-size: 11px; text-align: center; background: url(graph/productbrowser_products_20070612.jpg) no-repeat; }
#pb-productslider .pb-productimage a:hover { text-decoration: none; color: #fff; }
#pb-productslidertrack { position: absolute; top: 172px; left: 18px; width:944px; overflow: hidden; background: url(graph/productbrowser_scrollbar.png) no-repeat; height:19px; visibility: hidden; }
#pb-cat1 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 60px; }
#pb-cat2 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 210px; }
#pb-cat3 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 545px; }
#pb-productsliderhandle { position: absolute; width: 262px; height: 19px; cursor: pointer; z-index: 155; }
#pb-productsliderhandleimage { position: absolute; width: 262px; height: 19px; background: url(graph/productbrowser_scroller.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); cursor: pointer; z-index: 5; }
#pb-leftarrow { position: absolute; left: 17px; top: 172px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }
#pb-rightarrow { position: absolute; left: 942px; top: 172px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }

/* PRODUCT BROWSER SECTION COLORS */
#pb-productbrowsercontainer .pb-catclass0 { color: #666; }
#pb-productbrowsercontainer .pb-catclass1 { color: #777; }
#pb-productbrowsercontainer .pb-catclass2 { color: #888; }
#pb-productbrowsercontainer .pb-catclass3 { color: #999; }
#pb-productbrowsercontainer .pb-catclass4 { color: #aaa; }
#pb-productbrowsercontainer .pb-catclass5 { color: #bbb; }
#pb-productbrowsercontainer .pb-catclass6 { color: #ccc; }
#pb-productbrowsercontainer .pb-catclass7 { color: #ddd; }
#pb-productbrowsercontainer .pb-catclass8 { color: #eee; }
#pb-productbrowsercontainer .pb-catclass9 { color: #eee; }
#pb-productbrowsercontainer .pb-catclass10 { color: #fff; }
#pb-productbrowsercontainer .pb-catclass11 { color: #fff; }
#pb-productbrowsercontainer #pb-cat1.pb-catclass5 { color: #fff; }

/* PRODUCT BROWSER PRODUCTS */
#pb-productslider #pb-ngltext { margin: 0 15px; }
#pb-productslider #pb-ngltext a { background-position: 0 0; }
#pb-productslider #pb-itunes a { background-position: -135px 0; }
#pb-productslider #pb-downloaditunes a { background-position: -270px 0; }

/* Head */
#head { position: relative; width: 980px; height: 120px; margin: 0 auto; }

/* logohead */
#logohead {
	background-attachment: fixed;
	background-image: url(graph/logo_ngl.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: 86px;
	width: 386px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	background-color: #a4907a;
}

/* Logo and Headline */
#headline #logohead { margin: 0 15px; }
#headline #writtenheadline { background-position: 0 0; }

/* Superhead*/
.superheadline {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-align: left;
	color: #58595B;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 100px;
	float: right;
	margin-top: 52px;
}


/* SHOWCASE */
#showcase {
	height: 576px;
	overflow: hidden;
	margin-bottom: 15px;
	background-image: url(graph/box_300_kar_bg.png);
	background-repeat: repeat;
}
#showcase .promo {
	float: left;
	width: 150px;
	height: 130px;
}
#showcase .leadpromo {
	clear: both;
	width: 398px;
	height: 368px;
	margin-bottom: 15px;
}
#showcase .last { _width: 184px !important; _float: right !important; }

/* LATEST */
#ngl-nav {
	height: 580px;
	min-height: 580px;
*height: 580px; 	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	width: 300;
}
#ngl-nav h2 { background: url(graph/navigation_headerbg.png) no-repeat; }
#ngl-nav .drawer-content { min-height: 361px; *height: 361px; }

#ngl-nav .stories { padding: 0 15px; margin: 0; }
#ngl-nav .stories .story { padding: 10px 0 2px; background: url(graph/ruleinset.png) 50% 0 no-repeat; }
#ngl-nav .stories .leadstory { background-image: none; }
#ngl-nav .stories .leadimage { margin-bottom: 8px;}

/* WHATSNEW */
#ngl-kontakt { height: 580px; min-height: 580px; *height: 580px; margin-bottom: 15px; position: relative; overflow: hidden; }
#ngl-kontakt h2 { background: url(graph/kontakt_headerbg.png) no-repeat; }
#ngl-kontakt .drawer-content { height: 361px; *min-height: 361px; *height: 361px; }

#ngl-contact_en { height: auto; min-height: 580px; *height: 580px; margin-bottom: 15px; position: relative; overflow: hidden; }
#ngl-contact_en h2 { background: url(graph/contact_headerbg_en.png) no-repeat; }
#ngl-contact_en .drawer-content { height: 361px; *min-height: 361px; *height: 361px; }


/* FEATURED */
#featured .downloaditunes { padding: 14px 0 2px; background: url(graph/ruleinset.png) 50% 100% no-repeat; }
#featured .downloaditunes p { margin-top: 8px; padding: 0 15px; }
#featured .downloaditunes p strong { white-space: nowrap; }

/* IPOD YOUR LIFE */
#ipodyourlife h2 { background: url(graph/ipodyourlife_headerbg.png) no-repeat; }
#ipodyourlife .drawers { margin: 0; position: relative; overflow: hidden; }
#ipodyourlife .drawers li { display: block; z-index: 1; width: 100%; }
#ipodyourlife .drawers img.photo { display: block; margin: 0 1px; background: #5b5b5b; }
#ipodyourlife .drawers .handle { display: block; padding: 16px 15px 9px; height: 87px; margin-bottom: -6px; _margin-bottom: -8px; overflow: hidden; background: url(graph/shingles_handlebg.png) -184px 100% no-repeat; }
#ipodyourlife .drawers .handle:hover { text-decoration: none; }
#ipodyourlife .drawers .handle strong { display: block; font-size: 13px; color: #fff; font-weight: normal; height: 18px; white-space: nowrap; overflow: hidden; }
#ipodyourlife .drawers .handle .description { color: #fff; height: 28px; overflow: hidden; line-height: 14px; }
#ipodyourlife .drawers .handle .more { color: #fff; background-image: url(graph/morearrow_light.png); }
#ipodyourlife .drawers li.obscured .handle { background-position: 0 100%; }
#ipodyourlife .drawers li.obscured .handle .description { color: #ccc; }
#ipodyourlife .drawers li.obscured .handle .more { color: #cdcdcd; background-image: url(graph/morearrow.png); }
#ipodyourlife .drawers li.obscured img.photo { background: #232323; }

/* VIDEOS */
#videos { height: 501px; }
#videos h2 { background: url(graph/videos_headerbg.png) no-repeat; }
#videos .padder { padding: 0 11px; }
#videos .nowplaying { font-size: 11px; color: #999; padding: 4px 0; margin-bottom: 0; }
#videos .nowplaying strong { color: #ccc; }
#videos #quicktime { position: relative; width: 560px; height: 316px; background: #000; margin: 0 auto; text-align: center; }
#videos #quicktime .poster { cursor: pointer; _cursor: hand; }
#videos #quicktime.loading object { width:1px !important; height:1px !important; }
#videos .endstate { position: absolute; left: 0; top: 0; }
#videos #videoplaylist { overflow: hidden; margin: 0 0 9px; }
#videos #videoplaylist li { display: inline; }
#videos #videoplaylist .button a { float: left; margin-left: 10px; width: 180px; height: 0; padding-top: 90px; overflow: hidden; background: url(graph/videos_playlistbg3.png) no-repeat; }
#videos #videoplaylist .button.first a { margin-left: 0; }
#videos #videoplaylist .button.last a { float: right; }
#videos #videoplaylist #mov-b a { background-position: -180px 0; }
#videos #videoplaylist #mov-c a { background-position: -360px 0; }
#videos #videoplaylist #mov-a.active a { background-position: 0 -90px; }
#videos #videoplaylist #mov-b.active a { background-position: -180px -90px; }
#videos #videoplaylist #mov-c.active  a { background-position: -360px -90px; }

/* END STATES */
#videos .endstate { display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
#videos .endstate li { display: block; margin: 0; padding: 0; }
#videos .endstate a { display: block; height: 41px; margin: 10px auto; overflow: hidden; text-indent: -9999px; behavior:url(/global/scripts/lib/iepngfix.htc); }
#videos .endstate .replay { width: 200px; margin-top: 120px; background: url(graph/endbutton_watchagain_20070611.png); }
#videos .endstate.ratatouille { background: url(graph/endframe_ratatouille_20070611.jpg); }
#videos .endstate.ratatouille .learnmore { width: 522px; background: url(graph/endbutton_ratatouille_20070611.png); }
#videos .endstate.ipoditunes { background: url(graph/endframe_itunesad_20070611.jpg); }
#videos .endstate.mccartney { background: url(graph/endframe_mccartneyad_20070614.jpg); }
#videos .endstate.mccartney .learnmore { width: 336px; background: url(graph/endbutton_mccartney_20070614.png); }
#videos .endstate.appletv { background: url(graph/endframe_appletvad_20070611.jpg); }
#videos .endstate.appletv .learnmore { width: 300px; background: url(graph/endbutton_appletv_20070611.png); }

/* VIDEO CONTROLLER */
#videos .ACQuicktimeController { visibility: hidden; padding-top: 6px; padding-bottom: 6px; }
#videos .ACQuicktimeController.active { visibility: visible; }
#videos .ACQuicktimeController div.control { width: 18px; height: 18px; background: url(graph/playpause_dark.png) 6px 0 no-repeat; }
#videos .ACQuicktimeController div.control.pause { background: url(graph/playpause_dark.png) 6px -18px no-repeat; }
#videos .ACQuicktimeController div.sliderPanel { width: 532px; left: 24px; }
#videos .ACQuicktimeController div.sliderPanel div.track { border: 1px solid #4f4f4f; background-color: #2c2c2c; width: 532px; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { background-color: #4f4f4f; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.trackProgress { background-color: #000; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.playHead { background-image: url(graph/pointer_dark.png); height: 13px; }

/* GIFT CARDS */
#ngltext {
	min-height: 650px;
*height: 501px; }
#ngltext h2 { background: url(graph/text_headerbg.png) no-repeat; }
#ngltext .nglcards {
	padding: 6px 15px 2px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
#ngltext .engraving img { margin-bottom: -10px; }