html { background-color:#f7f7f7; }
body {
	width:974px;
	background-color:transparent;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main {
	width:974px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content { padding:14px 0 0; }

/* boxes and layout
------------------------*/
.grid3cola {
	width:974px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
.grid3cola .column {
	width:596px;
	margin-left:3px;
}
.grid3cola .column.first,
.grid3cola .column.last { width:186px; }

#content,
#main .sidebar { color:#333; }
#main .sidebar {
	font-size:11px;
	line-height:14px;
}
#main .sidebar a.more { padding-right:8px; padding-top:2px; background-position:100% .4em; }

#main a.arrow { display:block; padding-right:50px; padding-top:7px; background:url(/business-solution/mac/home/images/arrow20090106.gif) no-repeat 100% 50%; }

/* boxes */
#content .box {
	position:relative;
	width:556px;
	overflow:hidden;
	background:#fff url(/business-solution/mac/home/images/box_bg20090106.gif) repeat-y 0 0;
	zoom:1;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
	
}
#content .box .cap {
	position:absolute;
	width:596px;
	height:6px;
	font-size:1px;
	behavior:url(/business-solution/global/scripts/lib/iepngfix.htc);
	margin-top: 0;
	margin-right: -20px;
	margin-bottom: 0;
	margin-left: -20px;
}
#content .box .cap.top { top:0; *margin-left:-2px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/business-solution/mac/home/images/box_bgtop20090106.png');}
#content .box .cap.bottom { bottom:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/business-solution/mac/home/images/box_bgbottom20090106.png');}
#content .box .gradient {
	width:556px;
	overflow:hidden;
	background:#fff url(/business-solution/mac/home/images/box_bggrad20090106.gif) repeat-x 0 100%;
	margin-top: 0;
	margin-right: -18px;
	margin-bottom: 0;
	margin-left: -18px;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 18px;
}

#content .sidebar .box { width:162px; padding:0 12px 1px; background-image:url(/business-solution/mac/home/images/box_sidebar_bg20090106.gif); }
#content .sidebar .box .cap { width:186px; margin:0 -12px; left:12px; }
#content .sidebar .box .cap.top { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/business-solution/mac/home/images/box_sidebar_bgtop20090106.png');}
#content .sidebar .box .cap.bottom { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/business-solution/mac/home/images/box_sidebar_bgbottom20090106.png'); }

#content .box h2 {
	margin:0 -18px;
	padding:6px 10px 4px;
	color:#4d4d4d;
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #d9d9d9;
	background:#dfdfdf url(/business-solution/mac/home/images/box_header20090106.gif) repeat-x 0 0;
}
#content .box h2 a { color:#4d4d4d; }
#content .sidebar .box h2 { margin:0 -10px; }

#content .box ul { _width:100%; margin:0 -10px; padding:0 10px; overflow:hidden; }
#content .box ul li { margin:0 0 -1px; padding:0.6em 0; border-bottom:1px solid #d9d9d9; }

#content .box p { margin-top:.3em; margin-bottom:0; }
#content .box img { display:block; }
#content .box img.flush { margin:0 -10px; }

#content .box h3,
#content .box strong {
	display:block;
	color:#000;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}
#content .box h3 a,
#content .box strong a { color:#000; }
#content .box em { font-style:normal; color:#a9a9a9 !important; }
#content .box h4 { color:#aaa; font-size:10px; font-weight:normal; }

#content .box a { color:#333; text-decoration:none; }
#content .box ul li a:hover,
#content .box ul li a:hover * { color:#08c; cursor:pointer; }
#content .box a.more { color:#08c; }
#content .box a.more:hover { color:#08c; text-decoration:underline; }

/* top section
------------------------*/
#content .upper .box { min-height:427px; _height:427px; }
#content .lower .box {
	min-height:100px;
	_height:536px;
}

/* getamac */
#content .getamac li.love img { margin-bottom:-3px; }
#content .getamac li.ads { padding-bottom:0; }

/* promos */
#content ul.promos { margin-bottom:10px; padding:0 0 1px; overflow:hidden; }
#content ul.promos li {
	float:left;
	width:196px;
	height:120px;
	margin-bottom:0;
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0px;
}
#content ul.promos li.lead {
	clear:both;
	display:block;
	width:596px;
	height:304px;
	margin-bottom:4px;
}
#content ul.promos li.last { float:right !important; width:196px !important; }

/* find out how */
#content .findouthow ul li { clear:left; padding:1.1em 0; }
#content .findouthow ul li h3 { line-height:14px; }
#content .findouthow ul li img { float:left; margin:-6px 8px -7px 0; }

#content .findouthow ul li.featured { padding:5px 0 4px; text-align:center; }
#content .findouthow ul li.featured a { color:#888; }
#content .findouthow ul li.featured a img { display:inline; margin:0 7px 1px; padding:12px 12px 21px; background:url(/business-solution/mac/home/images/findouthow_featured20080106.gif) no-repeat 0 0;  }
#content .findouthow ul li.featured a b { display:block; color:#000; font-weight:normal; }

#content .findouthow ul li.more { padding:11px 0 10px; }

/* in action */
#content .inaction ul li.featured {
	_height:100px;
}
#content .inaction ul li.featured img { margin:3px 0 3px; }

/* buy */
#content .buy ul li p a { color:#08c; }
#content .buy ul li p a:hover { text-decoration:underline; }



/* top module
------------------------*/

/* movie panel */
#content .showcase #qtview {
	position:relative;
	width:556px;
	padding-top:373px;
*height:1px; 	margin-top:14px;
}
#content .showcase #qtview .qtcontent {
	position:absolute;
	width:556px;
	height:373px;
	top:0;
}

#content .showcase #qtview img { position:absolute; z-index:1; left:0; }
#content .showcase #qtview ul { position:relative; padding:155px 0 0; text-align:center; z-index:1; }
#content .showcase #qtview ul li { display:block; padding:0; border:none; }

#content .showcase #qtview .endState { width:560px; height:352px; background:#000; }
#content .showcase #qtview .endState img { top:0; opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); }

/* pill buttons */
#content .showcase #qtview a.pillbutton { display:inline-block; position:relative; padding-right:43px; font-size:15px; line-height:1.3em; color:#fff; text-decoration:none; outline:none; z-index:2; }
#content .showcase #qtview a.pillbutton span,
#content .showcase #qtview a.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
#content .showcase #qtview a.pillbutton span { padding-right:8px; padding-left:25px; background:url(/business-solution/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(/business-solution/global/elements/buttons/pill_leftcap.gif); }
#content .showcase #qtview a.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(/business-solution/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(/business-solution/global/elements/buttons/pill_rightcap.gif); }
#content .showcase #qtview a.pillbutton:hover,
#content .showcase #qtview a.pillbutton:hover *,
#content .showcase #qtview a.pillbutton:focus { color:#e6e6e6; }

#content .showcase #qtview a.pillbutton, x:-moz-any-link { display:block; width:8.5em; margin:0 auto; } /* this is for firefox2 because it's dumb when it comes to inline-block */
#content .showcase #qtview .endState a.pillbutton, x:-moz-any-link { width:16em; } /* this is for firefox2 because it's dumb when it comes to inline-block */
#content .showcase #qtview a.pillbutton, x:-moz-any-link, x:default,
#content .showcase #qtview .endState a.pillbutton, x:-moz-any-link, x:default { display:inline-block; width:auto; } /* firefox3 reset */

/* qt controller */
#content .showcase #qtview .controllerPanel { display:block; position:absolute; width:560px; height:12px; bottom:0; padding:0; }
#content .showcase #qtview .controllerPanel div.control { position:relative; width:10px; height:10px; top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/business-solution/mac/home/images/qt_playpause20090106.gif) left top no-repeat; }
#content .showcase #qtview .controllerPanel div.control.pause { background-position:left -10px; }
#content .showcase #qtview .controllerPanel div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:544px; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track { position:absolute; left:0; width:544px; height:12px; text-align:left; background:url(/business-solution/mac/home/images/qt_bgtrack20090106.gif) no-repeat; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(/business-solution/mac/home/images/qt_bgtrack_load20090106.gif) no-repeat; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
#content .showcase #qtview .controllerPanel div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(/business-solution/mac/home/images/qt_pointer20090106.png) no-repeat; cursor:pointer; behavior:url(/business-solution/global/scripts/lib/iepngfix.htc); }

/* movie nav */
#content .showcase ul.qtnav {
	width:564px;
	padding:0;
	text-align:center;
	zoom:1;
	margin-top: 8px;
	margin-right: -4px;
	margin-bottom: 14px;
	margin-left: -4px;
}
#content .showcase ul.qtnav li {
	float:left;
	width:135px;
	padding:0;
	border-bottom:none;
	display:inline;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
}
#content .showcase ul.qtnav li a {
	position:relative;
	display:block;
	padding:13px 0;
	color:#000;
	background:url(/business-solution/mac/home/images/showcase_qtnav20090106.gif) no-repeat 0 0;
	font-size:12px;
}
#content .showcase ul.qtnav li a span {
	position:relative;
	top:10px;
}
#content .showcase ul.qtnav li a em { position:absolute; width:100%; left:0; top:30px; color:#fff !important; text-align:center; font-style:normal; z-index:2; }
#content .showcase ul.qtnav li a img {
	display:block;
	margin-top: 0;
	margin-right: 19px;
	margin-bottom: 0;
	margin-left: 20px;
}
#content .showcase ul.qtnav li a:hover,
#content .showcase ul.qtnav li a:hover *,
#content .showcase ul.qtnav li a:focus { text-decoration:none; color:#333; background-position:0 -97px; }
#content .showcase ul.qtnav li a.active { cursor:default; outline:none; color:#525252; background-position:0 -194px; }
#content .showcase ul.qtnav li a.active img { opacity:.3; -moz-opacity:.3; filter:alpha(opacity=30); }
#content .showcase ul.qtnav:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#content .showcase ul.qtnav .qtcontent { display:none; }

/* footer
------------------------*/
#globalfooter { margin-top:12px; }
#globalfooter p.sosumi { float:right; width:540px; margin:-4.4em 0 0; color:#888; line-height:1.4em; text-align:right; }

