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

/* MAIN */
#main h3 { font-size: 13px; color: #333; font-weight: normal; word-spacing: -0.1em; }
#main a:link,
#main a:visited { color: #2971a7; text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main a.more { text-align:left; background: url(../img/1.png) 100% 0.4em no-repeat; padding-right: 9px; *display:inline-block; }
#main .sidebar { font-size: 11px; color: #666; }
#main .sidebar p,
#main .sidebar ul,
#main .sidebar h4 { font-size: 11px; line-height: 14px; }
#main .sidebar p,
#main .sidebar ul { margin-bottom: 8px; }

#main .divider { border-top:1px solid #e0e0e0; margin:0; padding:0; }

/* CONTENT */
#container { *margin-top: -20px; }
#content { padding: 5px 0 0; }

/* BOXES */
#main .box { background: url(../img/36.png) 0 100% no-repeat; overflow: hidden; }
#main .sidebar .box { background: url(../img/35.png) 0 100% no-repeat; }
#main .stretch .box { background: url(../img/40.png) 0 100% no-repeat; overflow: hidden; }
/* separación botones menu */
#main .box h2 { height: 21px; overflow: hidden; position: relative; margin-bottom: 0; padding: 4px 10px 0 10px; color:white; font-weight:normal; font-size:12px; }
#main .box h2 a { display: block; position: absolute; height: 25px; width: 100%; background: url(../img/37.png) 95% 50% no-repeat; }
#main .padder { padding: 0 15px; }

/* DRAWERS */
#main ul.drawers { margin: 0 !important; }
#main .slider .drawer-handle {
	color: #333;
	font-size: 12px;
	padding: 7px 0px;
	text-indent: 15px;
	width: 100%;
	background: #939393 url(../img/58.png) 0 0 no-repeat;
	cursor: default;
}
#main .slider .drawer-content { display: block; margin: 0px; background: none; height: auto; }
#main .slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; }
#main .drawercap { height: 5px; width: 184px; position: absolute; z-index: 100; bottom: 0; left: 0; background: url(../img/57.png) no-repeat; behavior:url(../iepngfix.htc); }

/* TOP LISTS */
#main .sidebar ol.toplist { margin: 0px 10px 0px 35px; padding-top: 10px; }
#main .sidebar ol.toplist li { margin-bottom: 6px; }
#main .sidebar ol.toplist li a { color: #666; }
#main .sidebar ol.toplist li a:hover { text-decoration:underline; }
#main .sidebar ol.toplist li.viewall { list-style-type: none; margin-bottom: 0px; }

#main .sidebar ol.topquestions { margin: 0 10px 0 35px; padding-top: 10px; }
#main .sidebar ol.topquestions li { margin-bottom: 6px; }
#main .sidebar ol.topquestions li a { color: #666; }
#main .sidebar ol.topquestions li a:hover { text-decoration:underline; }
#main .sidebar ol.topquestions li.viewall { list-style-type: none; margin-bottom: 0; }

#main .sidebar ol.topsearches { margin: 0 10px 0 35px; padding-top: 10px; }
#main .sidebar ol.topsearches li { margin-bottom: 6px; }
#main .sidebar ol.topsearches li a { color: #666; }
#main .sidebar ol.topsearches li a:hover { text-decoration:underline; }
#main .sidebar ol.topsearches li.viewall { list-style-type: none; margin-bottom: 0; }

/* LATEST */
#latest { height:auto; min-height: 481px; *height: 481px; margin-bottom: 15px; position: relative; overflow: hidden; z-index: 50; }
#latest h2 { background: url(../img/46.png) no-repeat; }

#latest .drawers .drawer-content {
	min-height: 360px; 	
	overflow: hidden;
}

#latest .drawercap { _display: none !important; }
/* #latest .drawers .drawer-content { min-height: 307px; _height: 307px; } */

/* LATEST */
#latest .toplist { margin: 0; background: none;}
#latest .toplist a:link,
#latest .toplist a:visited { color: #666; }
#latest .toplist a:hover { text-decoration: none; background-position: -197px 10px; }
#latest .toplist a strong { padding-right: 15px; color: #333; }
#latest .toplist a span { display: block; }

#latest .topquestions { margin: 0; background: none;}
#latest .topquestions a:link,
#latest .topquestions a:visited { color: #666; }
#latest .topquestions a:hover { text-decoration: none; background-position: -197px 10px; }
#latest .topquestions a strong { padding-right: 15px; color: #333; }
#latest .topquestions a span { display: block; }

#latest .topsearches { margin: 0; background: none;}
#latest .topsearches a:link,
#latest .topsearches a:visited { color: #666; }
#latest .topsearches a:hover { text-decoration: none; background-position: -197px 10px; }
#latest .topsearches a strong { padding-right: 15px; color: #333; }
#latest .topsearches a span { display: block; }

/* SOLUTIONS */
#macatwork { height: 501px; }
#macatwork h2 { background: url(../img/46.png) no-repeat; }
#macatwork .drawers { margin: 0; position: relative; overflow: hidden; height: 100%; }
#macatwork .drawers li { display: block; position: absolute; top: 0; z-index: 1; width: 100%; }
#macatwork .drawers img.photo { display: block; margin: 2px 3px 0 3px; }
#macatwork .drawers .handle { display: block; padding: 15px 15px 8px; height: 57px; margin-bottom: -6px; background: url(../img/56.png) -184px 100% no-repeat; overflow: hidden; }
#macatwork .drawers .handle:hover { text-decoration: none; }
#macatwork .drawers .handle strong { display: block; font-size: 13px; color: #333; font-weight: normal; height: 18px; white-space: nowrap; overflow: hidden; }
#macatwork .drawers .handle .description { color: #333; height: 28px; overflow: hidden; line-height: 14px; }
#macatwork .drawers .handle .more { color: #2971a7;}
#macatwork .drawers li.obscured .handle { background-position: 0 100%; }
#macatwork .drawers li.obscured .handle .description { color: #666; }


/* VIDEOS */
#videos { height: 501px; }
#videos h2 { background: url(../img/47.png) no-repeat; }
#videos .padder { padding: 0 11px; }
#videos .nowplaying { font-size: 11px; color: #666; padding: 4px 0; margin-bottom: 0; }
#videos .nowplaying strong { color: #333; }
#videos #quicktime { position: relative; width: 560px; height: 316px; background: #fdfdfd; margin: 0 auto; text-align: center; }
#videos #quicktime .poster { cursor: pointer; _cursor: hand; }
#videos .endstate {position: absolute; left: 0; top: 0;}
#videos #quicktime.loading object { width:1px !important; height:1px !important; }
#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(../img/59.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; }
#videos .posterFrame {display: none;}

/* PILL BUTTONS */
.pillbutton   { width: 204px; }
.pillbutton a { position: relative; margin-right: 43px; text-align: left; font-size: 16px; color: #333 !important; text-decoration: none !important; cursor: hand; height: 43px; line-height: 43px; display: block; padding-left: 20px; outline: none; background: url(../img/51.png) no-repeat; _background-image: url(../img/23.gif); }
.pillbutton a span { display: block; position: absolute; top: 0; right: -43px; width: 43px; height: 43px; background: url(../img/52.png) no-repeat; text-indent: -9999px; outline: none; _background-image: url(../img/24.gif); }

#quicktime p.pillbutton { position: absolute; top: 192px; left: 69%; margin-left: -102px; }
#videos .endstate .pillbutton { margin: 10px auto; }
#videos .endstate .pillbutton a span {  }
#videos .endstate .pillbutton.top { margin-top: 115px; }

/* END STATES */
#videos #quicktime .endstate { display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
#videos #quicktime .endstate li { display: block; margin: 0; padding: 0; }
#videos #quicktime .endstate a { display: block; height: 41px; margin: 10px auto; overflow: hidden; text-indent: -9999px; behavior:url(/iepngfix.htc); }
#videos #quicktime .endstate .replay { width: 200px; margin-top: 120px; background: url(../img/44.png); }
#videos #quicktime .endstate .replaynew { width: 200px; margin-top: 265px; margin-left: 180px; background: url(../img/44.png); }

#videos #quicktime .endstate.download { background: url(../img/34.jpg); }
#videos #quicktime .endstate.beyond { background: url(../img/34.jpg); }
#videos #quicktime .endstate.shuffle { background: url(../img/34.jpg); }
#videos #quicktime .endstate.poster-a { background: url(../img/video_poster_ipod_sync.jpg); }
#videos #quicktime .endstate.poster-b { background: url(../img/video_poster_ipod_beyond.jpg); }
#videos #quicktime .endstate.poster-c { background: url(../img/video_poster_iphone_activation.jpg); }

/* 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(../img/play.gif) 6px 0 no-repeat; }
#videos .ACQuicktimeController div.control.pause { background: url(../img/play.gif) 6px -18px no-repeat; }
#videos .ACQuicktimeController div.sliderPanel { width: 532px; left: 24px; }
#videos .ACQuicktimeController div.sliderPanel div.track { border: 1px solid #aaa; background-color: #ccc; width: 532px; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { background-color: #aaa; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.trackProgress { background-color: #fff; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.playHead { background-image: url(../img/158.gif); height: 13px; }

/* FEATURED SUPPORT */
#featuredsupport.box h2 { height:4px; }
#featuredsupport { height: 481px; _width:582px; color:#666; }
#featuredsupport h1 { font-size:22px; line-height:1.2em; color:black; font-weight:normal; _font-weight:bold; margin:5px 0; }
#featuredsupport li { margin-bottom:3px; }
#featuredsupport h2 { background: url(../img/45.png) 50% 0 no-repeat; }
#featuredsupport h3 { color:#7d8ca5; font-weight:bold; font-size:14px; }
#featuredsupport.box { background: url(../img/36.png) 0 100% no-repeat; overflow: hidden; }
#featuredsupport .blurb { font-size:11px; color:#666; }
#resourcelinkshome li { float: left; margin-right:23px; padding-right:23px; font-size: 100%; }
#resourcelinkshome li.last { padding-right:0px; }

/* APPLECARE */
#applecare { height: 200px; }
#applecare h2 { background: url(../img/102.png) no-repeat; }
#applecare .tagline { line-height:1.2em; margin: 0 2px 4px 0; }
#applecare li { padding-bottom:5px; }

/* SERVICES AND PROGRAMS */
#services { height: 286px; }
#services h2 { background: url(../img/101.png) no-repeat; }
#services h3 { font-size:11px; font-weight:bold; line-height:1.2em; margin-bottom:5px; }
#services li { padding-bottom:5px; }
#services ul.square { margin-bottom:0; }

/* BROWSE SUPPORT */
#menu { height: 940px; }
#menu h2 { background: url(../img/46.png) no-repeat; }
#menu hr { margin: 8px 15px 0 8px; *display: none; }
#menu li { padding: 4px 10px; }
#menu a:link { color: #666; }
#menu a:visited { color: #666; }
#menu h3 { font-size: 11px; color: #333; font-weight: bold; }
#menu ul { padding-bottom:0; } 

/* COVERAGE TOOL */
#coveragetool.box h2 { height:5px; }
#coveragetool h2 { background: url(../img/41.png) 50% 0 no-repeat; }

#quicklinks.box h2 { height:5px; }
#quicklinks.box { background: url(../img/38.png) 50% 100% no-repeat; overflow: hidden; }
#quicklinks h2 { background: url(../img/39.png) 50% 0 no-repeat; }

/* anfCARE */
#anfcare { height: 200px; }
#anfcare { width: 260px; }
#anfcare h2 { background: url(../img/46.png) no-repeat; }
#anfcare .tagline { line-height:1.2em; margin: 0 2px 4px 0; }
#anfcare li { padding-bottom:5px; }