#main { width:984px; margin:0 auto; zoom:1; }
#main .maincap { position:absolute; width:984px; left:0; z-index:5; font-size:1px; }
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

h1 { margin-bottom:.3em; font-size:3em; line-height:1.4; font-weight:normal; }
h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; }
h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; }
h4 { font-size:1em; line-height:1.5; }

body.specs #content h4 { font-size:12px; line-height:1.5; }


html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

/*--- for base ---*/
#main { width: 980px; }
#main p.intro { color: #888; }
.sosumi { color: #888; }
a.anchor { background: url(images/downarrow_08c.gif) no-repeat 100% 60%; padding-right: 10px; text-align: right; white-space: nowrap; }

.sosumi { clear: both; margin-bottom: 0; margin-top: 18px; padding: 0 22px; }
ul.sosumi { margin:18px auto 0; width:950px; padding:0; }
.sosumi li { line-height: 14px; margin-bottom: 0 !important; padding-bottom: 5px; }


/*
body.imelfin 		#productheader li#pn-imelfin a,
body#imelfin 		#productheader li#pn-imelfin a,
body.imelfin 		#productheader li#pn-imelfin a:hover,
*/

/*--- layout --- #f8f8f8,#fbfbfb*/
html { background-color: #f7f7f7; }
body { background-color: transparent; }

/* --- app styles --- 
 background: transparent url(images/hero_20101020.png) no-repeat 100% 0; behavior: url(images/iepngfix.htc);
 .app #hero { background: #fff url(images/hero_bg_20100727.png) repeat-x 0 100%; height: 468px; width: 980px; ...}
*/
.app #swap-hero,
.app #hero { background: #fff url(images/hero_bg_20100727.png) repeat-x 0 100%; height: 468px; width: 100%; 
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}
.app #hero .trigger-hero:hover { cursor: hand; }
.app.imelfin #hero { 	}
.app #hero .hero-content { display: block; height: 446px; *position: absolute; *top: 0; *left: 0; width: 100%; z-index: 0; }
.app #hero .movie,
.app #hero .moviePanel,
.app #hero .endState { height: 575px; margin: 0 auto; top: 0; width: 848px; }
.app #hero .endState { background: url(images/qt_endstate848x480.jpg) no-repeat 0 0; }
.app #hero .pillbutton { margin-top: 25%; }
.app #hero .video { padding-top: 15px; }
.app #hero .video .close { background: url(images/close.png) no-repeat 0 0; color: #888; margin-left: 65px; margin-top: 3px; padding-left: 16px; }
.app #hero h2 { font-size: 0; line-height: 0; margin-left: 39px; margin-bottom: 15px; padding-top: 67px; *position: relative; z-index: 2; }
.app #hero h2 { margin-left: 39px; margin-bottom: 15px; padding-top: 67px; *position: relative; z-index: 2; }
.app #hero .intro { color: #707070; font-size: 16px; line-height: 21px; margin-left: 45px; margin-bottom: 14px; *position: relative; width: 295px; z-index: 1;}
.app #hero .intro img{ width:60px;}
.app #hero-image { position: absolute; right: 0; top: 0; z-index: 0; }

.app .nav-container { position:relative; }
.app #app-nav-home {
	top:-67px;
	left:0;
	color: #999;
	font-size: 20px;
	height: 68px;
	*position: relative; 	
	width: 776px;
	z-index: 100;
	position:absolute;
	_position:relative;
	_left:auto;
	_right:auto;
	margin:0 auto;
}
.app #app-nav-home li { float: left; height: 62px; text-align: center; width: 240px; z-index:100; margin-right:5px; margin-left:5px; padding-top:4px; }
.app #app-nav-home li img{ float:left; height:60px; margin-left:6px; margin-right:8px;}
.app #app-nav-home label{ color: #555; display: block; text-shadow: #fff 0 1px 0; text-decoration: none;  font-size:13px;  text-align:left; height:50px; overflow:hidden; margin-top:8px; line-height:20px; cursor:pointer; }
.app #app-nav-home a:hover { color: #08c; }
.app #app-nav {
	top:-68px;
	left:520px;
	color: #999;
	font-size: 20px;
	height: 68px;
	padding: 5px 50px 0 50px;
	*position: relative; 	width: 337px;
	z-index: 100;
	position:absolute;
	_position:relative;
	_left:auto;
	_right:auto;
	background-image: url(images/app_nav_bg_2.jpg);
	background-repeat: no-repeat;
	background-position: 0% -79px;
	float:right;
	border:sold 1px #ff9900;
}
.app #app-nav_btn {
	top:-92px;
	left:20px;
	color: #999;
	font-size: 20px;
	height: 92px;
	padding: 5px 20px 0px 10px;
	*position: relative; 	width: 460px;
	z-index: 101;
	position:absolute;
	_position:relative;
	_left:auto;
	_right:auto;
	
	background-repeat: no-repeat;
	background-position: 0% -79px;
	float:left;
	border:sold 1px #ff0000;
}
.app #app-nav.altMac { background-position: 50% 0%; }
.app #app-nav.altWin { background-position: 50% 100%; }
.app #app-nav li { float: left; line-height: 68px; text-align: center; width: 168px; z-index:100; }
.app #app-nav.altWin li { float: right; }
.app #app-nav a { color: #555; display: block; text-shadow: #fff 0 1px 0; text-decoration: none; }
.app #app-nav a:hover { color: #08c; }

.app #app-nav_btn li { float: left; line-height: 68px; text-align: center; width: 230px; z-index:100; }
.app #app-nav_btn li a { color: #ffffff; display: block; text-shadow: #fff 0 1px 0; text-decoration: none; font-size:12px; font-weight:normal;}
.app #app-nav_btn li a:hover { color: #ffffff; font-size:12px;}


.app .section,
.app #scroll-nav { background: url(images/section_border_20100727.png) no-repeat 50% 100%; *background-position-x:0; border: none; font-size: 14px; line-height: 1.25em;  padding: 60px 104px 40px; }
3 { line-height: 21px; margin-bottom: 21px; text-align: left;}
@-moz-document url-prefix() {
  .app.whatsnew .section img.onehundredpercent { padding-top: 25px; }
}


.app #scroll-nav{ padding: 45px 40px 40px; width: 900px;  _padding-top:0 !important; _margin-top:0; }
.app #scroll-nav a { color: #000; font-size: 12px; text-decoration: none; width: 165px; }
.app #scroll-nav a .more { background: url(images/downarrow_08c.gif) no-repeat 100% 50%; color: #08c; padding-right: 10px; _display:block; _float:left; white-space: nowrap; }
.app #scroll-nav a:hover .more { text-decoration: underline; }
.app #scroll-nav strong { display: block; font-size: 13px; line-height: 1.35em;  margin-top: -10px; z-index: 1; }

.app #new-slideshows .carousel-nav { _margin-top: -10px; }

.app #bottom-nav { background: url(images/bottomnav_bg_20100727.png) repeat-x 0 100%; border-top: 1px solid #e5e5e5; float: left; padding: 0 33px; width: 914px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; }
.app #bottom-nav li { float: left; width: 33%; }
.app #bottom-nav #left { text-align: left; }
.app #bottom-nav #app-switch { text-align: center; }
.app #bottom-nav #right { float: right; text-align: right; }
.app #bottom-nav a { font-size: 16px; line-height: 50px; }
.app #bottom-nav #left a { background: url(images/lessarrow_big_08c.gif) no-repeat 0 52%; padding-left: 12px; }
.app #bottom-nav #app-switch a,
.app #bottom-nav #right a { background: url(images/morearrow_big_08c.gif) no-repeat 100% 52%; padding-right: 12px; }
@media only screen {
	.app #bottom-nav #left a.lesslarge { }
	.app #bottom-nav #app-switch a.morelarge,
	.app #bottom-nav #right a.morelarge { }
}

/*.app #scroll-nav { margin-left: 0; padding-top: 0; }*/
.app .section { border-bottom: 1px solid #e5e5e5; clear: left; float: left; padding: 50px 50px 75px; position: relative; width: 880px; z-index: 0; }
.app .section.last-section { padding-bottom: 0; border-bottom:0; }

.app .link-to-top { margin-bottom: 0; position: absolute; right: 32px; bottom: 8px; }
.app .link-to-top .scrollToAnchor { background: url(images/uparrow_08c.gif) no-repeat 100% 50%; padding-right: 12px; }

.app .section .title { clear: left; float: left; margin-right: 20px; width: 224px; }
.app .section .title .section-icon {  }
.app .section .title h2 { font-size: 28px; line-height: 32px; letter-spacing: -1px; }
.app .section .title .intro { color: #666; line-height: 20px; }
.app .section .title .flushleft { margin-left: -50px; position: relative; z-index: 0; }

.app .section .meat { float: left; margin-top: -4px; position: relative; width: 380px; }
.app .section .meat h3 { font-size: 16px; }
.app .section .meat p    { font-size: 14px;}

.app .section .title_download { clear: left; float: left; margin-right: 20px; width: 140px; }
.app .section .title_download .price{ color:#FF0000; font-size:22px; text-align:center; padding:20px;}
.app .section .meat_download { float: left; margin-top: 6px; position: relative; width: 460px;}
.app .section .meat_download h3 { font-size: 24px; }
.app .section .meat_download p{ font-size: 14px; line-height:20px; padding:0px; margin:4px; width:100%;}
.app .section .meat_download p.features{ background-image:url(images/icon_right.png); background-repeat:repeat-y; padding-left:20px;}
p.features{ background-image:url(images/icon_right.png); background-repeat:repeat-y; padding-left:20px;}
p.feature{ background-image:url(images/icon_right.png); background-repeat:no-repeat; padding-left:20px;}
.app .section .meat_download p label{ float:left; height:26px; margin-right:12px;}
.app .section .meat_download .price{ color:#F26522;}
.app .section .meat_download .price{ font-size:23px;color:#f26522; padding:5px 0; line-height:30px;}
.app .section .meat_download .price .now{color:#f26522;font-size:25px;}
.app .section .meat_download .price del{ font-size:15px; color:#555;}
.app .section .meat_download .price del{ color:#444;}
.app .section .meat_download div.addtocart{ margin-top:16px;}
.app .section .meat_download div.addtocart ul li{ float:left; width:220px; margin-left:8px;}
.app .section .meat_download div.addtocart b{ font-size:18px;}
.app .section .meat_download div.addtocart ul.via_paypal li a{ margin-left:42px;}
.app .section .meat_download div.addtocart ul.via_paypal li{ padding-top:6px;}
.app .section .aside_download { clear: right; float: right; margin-bottom: 1.5em; padding: 0px 14px 0; position: relative; width: 220px; z-index: 1; text-align:center;}
.app .section .aside_download p{ width:100%; text-align:center;}
.app .section .aside_download img{ margin-top:8px; margin-bottom:4px;}
.app .productcontent .WhatNew{margin-bottom: 1.5em; padding: 14px 14px 0; position: relative; width: 199px; z-index: 1; -webkit-box-shadow: inset rgba(0,0,0,0.3) 0 0 3px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0 0 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow:auto; width:850px; margin-left:50px; margin-top:30px;}
.app .section .aside { background: #f5f5f5; background: transparent -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.5,#f4f4f4), to(#f5f5f5)); clear: right; float: right; margin-bottom: 1.5em; padding: 14px 14px 0; position: relative; width: 199px; z-index: 1; -webkit-box-shadow: inset rgba(0,0,0,0.3) 0 0 3px; box-shadow:inset rgba(0,0,0,0.3) 0 0 3px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0 0 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-left:12px;}
.app .section .aside img { margin: 0 -14px -5px; position: relative; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }

.app #organize-photos .hero-image { position:relative; top:41px; left:-12px; }
.app #retouch .hero-image { position:relative; top:36px; left:2px; }
.app #share .hero-image { position:relative; top:37px; left:-13px; }
.app #slideshows .hero-image { position:relative; top:34px; left:2px; }
.app #books .hero-image { margin: 15px -294px; }
.app #organize-photos .hero-image,
.app #retouch .hero-image,
.app #share .hero-image,
.app #slideshows .hero-image,
.app .hero-image { _margin-right: -104px; }

.app .section .across { margin: 0 -50px; position: relative; z-index: 0; }

/* -- hero callouts -- */
#hero #hero-callout { float: left; margin-left: 45px; position: relative; width: 295px; z-index: 1; }
#hero #hero-callout a { display: block; float: left; }
#hero #hero-callout img { float: left; border: 6px solid #fff; margin-right: 15px; -webkit-box-shadow: rgba(0,0,0,0.25) 0 1px 4px; -moz-box-shadow: rgba(0,0,0,0.25) 0 1px 4px; }
#hero #hero-callout .more { background: url(images/morearrow_08c.gif) no-repeat 100% 90%; display: block; float: left; padding: 32px 8px 0 0; text-align: left; width: 110px; }

/* -- callouts -- */
#main .callout { background: #f9f9f9 url(images/callout_bg_20100727.png) repeat-x 0 100%; margin: 0 35px 1.5em 0; padding: 12px 17px 18px; width: 170px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px, inset rgba(0,0,0,0.1) 0 -1px 5px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px, inset rgba(0,0,0,0.1) 0 -1px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
#main .callout.right { float: right; margin: 0 0 1.5em 35px; }
#main .callout h4 { font-size: 14px; font-weight: normal; padding-bottom: 7px; }
#main .callout .thumb { border: 5px solid #fff; float: left; margin-right: 8px; margin-bottom:10px; outline: 1px solid #ddd; }
#main .callout .thumb img { float: left; }
#main .callout p { color: #555; font-size: 12px; line-height: 18px; margin-bottom: 0; clear:both; }

#main .column.last .callout { margin-top: 10px; }

#main .productcontent{}
#main .productcontent .contentHeader{background: #fff url(images/overview_bg_buystrip_20100727.png) repeat-x 0 0%; background-color:#f7f7f7; border:solid 1px #fff; border-bottom:solid 1px #f7f7f7; margin-bottom:20px;-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -o-border-radius-topright: 4px;-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -o-border-radius-topleft: 4px;border-top-left-radius: 4px;
border-top-right-radius: 4px;}
#main .productcontent .contentHeader h2{
	margin-top: 36px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size:30px;
	width:90%;
	text-align:center;
	font-weight:bold;
	font-family:Arial;
	-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -o-border-radius-topright: 4px;
}
#main .productcontent .contentHeader h3{ color:#888888; font-size:18px; width:90%; margin:20px auto; text-align:center; font-weight:lighter;}
#main .productcontent .contentMenu{background-color:#f7f7f7; margin-top:-20px; margin-bottom:20px;}

#main .productcontent .contentMenu.bigicon{ text-align:center; margin-left:70px;}
#main .productcontent .contentMenu.bigicon a{ display:block; height:150px; width:230px; padding:0px; margin:0px 10px; float:left; margin:12px; margin-left:30px; margin-bottom:30px; color:#595959; font-size:20px; line-height:22px;}
#main .productcontent .contentMenu.bigicon a:hover{background-color:#ffffff;text-decoration:none;}
#main .productcontent .contentMenu.bigicon a.bk{background-color:#eaeaea;}
/* --- audio --- */
a.controller { padding: 0; }
a.audioLink { background:transparent none repeat scroll 0 0; float: left; padding-left: 0; z-index: 1; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; }
a.audioLink img { margin-right: 6px; vertical-align: middle; }
a.audioLink { background: transparent none repeat scroll 0 0; float: left; padding-left: 0; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; }
a.controller + a.audioLink { line-height: 28px; }

/* circular controller */
body > .controllerPanel { width:28px; z-index:5; }
.ACQuicktimeCircularController { position:absolute; left:1px; _left:-50px; width:28px; height:28px; margin-top:1px; overflow:hidden; }
.ACMediaCircularController { position:absolute; left:0px; _left:-50px; width:28px; height:28px; margin-top:0px; overflow:hidden; }
.ACQuicktimeCircularController .control{ position:absolute; top:7px; left:5px; margin:0; width:18px; height:18px; overflow:hidden; text-align:center; text-indent:-999px; background-image:none; }
.controllerPanel .ACMediaCircularController .control{ position:absolute; top:6px; left:5px; margin:0; width:18px; height:18px; overflow:hidden; text-align:center; text-indent:-999px; background-image:none; }
.ACQuicktimeCircularController .background, .ACMediaCircularController .background { position:absolute; width:64px; height:28px; left:-36px; top:0; background-image:url(images/circular_controller_parts_20100727.png) !important; background-image:expression(none) !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/circular_controller_parts_20100727.png', sizingMethod='crop'); }
.ACQuicktimeCircularController .control.play .background, .ACMediaCircularController .control.play .background { left:0; top:-6px; }
.ACQuicktimeCircularController .control.pause .background, .ACMediaCircularController .control.pause .background { left:-18px; top:-6px; }
.ACQuicktimeCircularController canvas { left:1px; top:2px; width:26px; height:26px; position: absolute;}
.ACMediaCircularController canvas { left:1px; top:1px; width:26px; height:26px; position: absolute;}
#main .controllerPanel .ACMediaCircularController .control.play, #main .controllerPanel .ACMediaCircularController .control.pause { background-image: none; }


/* -- captions -- */
#main .caption { font-size: 12px; }
#main .carousel-item .caption { font-weight: normal; margin: 0; opacity: 1; margin-top: -33px; text-align: center; width: 100%; -webkit-transition: opacity 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.2s ease-out; -moz-transition-delay: 0s; }
#main .carousel-item.active .caption { opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; }

/* aside specific styles */
.app .section .aside a.controller { padding: 0; }
.app .section .aside a.audioLink { background:transparent none repeat scroll 0 0; float: left; padding-left: 0; z-index: 1; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; }
.app .section .aside a.audioLink img { margin: 0 6px 0 0; vertical-align: middle; }
.app .section .aside a.audioLink { background: transparent none repeat scroll 0 0; float: left; padding-left: 0; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; }
.app .section .aside a.controller + a.audioLink { line-height: 28px; }

/*TagChapterListByNewsID*/
.app .section .aside .TagChapterListByNewsID .DivContent{ padding-bottom:12px;}


/*--- iLife-specific Buy Now Promo ---*/
#promofooter #promos li.buy { min-height:15em; }
#promofooter #promos li.buy p { padding:0 13px; font-size:11px; line-height:1.4em; color:#777; }
#promofooter #promos li.buy .box { width:77px; margin:0px auto -5px; }
#promofooter #promos li.buy ul { margin-top:1px; line-height:16px; }
#promofooter #promos li.buy ul.view { text-align:center; }
#promofooter #promos li.buy a.box img { margin-top:25px; margin-left:78px;  }
#promofooter #promos li h4{ padding-left:13px; padding-top:12px; font-size:14px; color:#333333}

#promofooter #promos .UserMadeChapterList li.buy h4{}
#promofooter #promos .UserMadeChapterList li.buy a.box p{ margin-left:82px;}
#promofooter #promos .UserMadeChapterList li.buy a:hover{ text-decoration:none; }
#promofooter #promos .UserMadeChapterList li.buy a.box img{ margin-top:4px; margin-left:0px; width:70px; float:left; overflow:hidden; margin-left:12px;}
#promofooter #promos .UserMadeChapterList li.buy span.button_y{ position:absolute; bottom:4px; width:210px; height:26px;}
#promofooter #promos .UserMadeChapterList li.buy span.button_y a.promo_try, #promofooter #promos .UserMadeChapterList li.buy span.button_y a.promo_buy{ float:right;}
a.promo_try,a.promo_buy{display:block;background:url(images/icon_btn_3.png) no-repeat;width:50px;height:18px;line-height:100px;overflow:hidden;margin:0px 6px;}
a.promo_buy{background-position:0px -36px;}
a.promo_try:hover{background-position:0px -18px;}
a.promo_tuy:hover{background-position:0px -54px;}

a.btn_6,a.btn_7{display:block;background:url(images/icon_btn_2.png) no-repeat;width:50px;height:25px;line-height:100px;overflow:hidden;margin:0px 6px;}
a.btn_6{background-position:0px -25px;}
a.btn_7:hover{background-position:0px -50px;}
a.btn_6:hover{background-position:0px -75px;}

/*--- Buy Now ---*/
#buy-now #main { background: none; padding: 0; }
#buy-now .content { padding: 20px 50px; font-size: 14px; line-height: 20px; }
#buy-now .content .grid2col .column { padding-top: 26px; width: 45%; }
#buy-now .content .grid2col .column h2 { letter-spacing: -1px; line-height: 32px; }
#buy-now .content .grid2col .column h3 { font-size: 1em; margin-bottom: 0; line-height: 20px; }
#buy-now .content .grid2col .column .more { margin-top: 4px; display: block; float: left; }
#buy-now .content .grid2col .column .buynows { margin: -15px 0 10px -2px; _position: relative; }
#buy-now .content .grid2col .column img.centered { display: block; margin: 0 auto 14px; }
#buy-now .content .grid2col .column.first { border-right: 1px solid #e5e5e5; padding-right: 5%; }
#buy-now .content .grid2col .column.last img.centered { margin-left: -20px; _position: relative; }
#buy-now .content .grid2col .column.last .buynows { margin-bottom: 25px; }
#buy-now .content hr { border: none; *border: 1px transparent solid; border-top: 1px #e5e5e5 solid; margin: 0 0 15px; }
#buy-now .snow-leopard { display: none !important; }
#buy-now.snow-leopard .snow-leopard { display: block !important; }
#buy-now.snow-leopard .non-snow-leopard { display: none !important; }

#main #in-year-pictures .in-year-pictures-gallery { _margin-top: 80px; }
#main #in-year-pictures .carousel-nav { position: relative; }

/* fix for <rdar://problem/9930057> and <rdar://problem/9929882>*/
.ACMediaSettingsMenu.ACMediaSettingsMenu ul li a,
.ACMediaSettingsMenu-selected ul li a,
.ACMediaSettingsMenu-hovered ul li a,
.pillbutton span, .pillbutton b  { text-rendering: auto; }

#resources .content p,  
#reources .content h4    {font-size: 14px;} 


/* */
#swap-hero, #swap-movie-trailers, #swap-audio-editing, #swap-one-step, #swap-people-finder, #swap-teams-carousel { _margin:0 -40px; _padding:0 40px; }

.imelfin #hero .hero-content,
.imelfin #hero { height: 473px;}
.imelfin #hero .intro { width:306px; }
.imelfin #hero h2 { padding-top:23px; margin-left:18px; margin-bottom:10px; }
.imelfin #hero h2.title { padding-top:23px;  padding-top:30px; margin-left:42px; margin-bottom:2px; font-size:26px; height:22px;}

#hero a .thumb { margin-bottom:10px; margin-right:8px; height:89px; margin-left:45px; margin-top:3px; }
#hero .thumb { border:5px solid #fff; float:left; outline:1px solid #ddd; float:left; }
#hero em { float:left; background:url("images/morearrow_08c.gif") no-repeat scroll 100% 82% transparent; margin-top:35px; padding-left:4px; padding-right:10px; white-space:nowrap; font-size:14px; font-style:normal; text-align:left; line-height:18px; }
#hero a:hover em { text-decoration:underline; }

#imelfin #scroll-nav { width: 905px; padding-right: 0; }
#imelfin #scroll-nav a.last { width: 170px; }

/* --- thumbs --- */
#imelfin .section .aside img.right { margin: 0 0 10px 10px; }
#imelfin .section .hero-image { margin-top:40px; }
#imelfin #everyone.section .hero-image { margin-left:140px; clear:both; }

/* btn */
a.btn_4,a.btn_5{display:block;background:url(images/icon_btn.png) no-repeat;width:105px;height:26px;line-height:100px;overflow:hidden;margin:0px 10px;}
a.btn_5{background-position:0px -26px;}
a.btn_4:hover{background-position:0px -52px;}
a.btn_5:hover{background-position:0px -78px;}
.radius{-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.orangeBtn{ display:block; background:url(images/btn.png) no-repeat 0 -982px; width:163px; height:40px; text-align:center; line-height:38px; font-size:20px; text-shadow:0 1px 0 #b65619; color:#fff;}
.orangeBtn:hover{ background-position:0 -1022px; text-decoration:none;}
.orangeBtn-2{ display:block; background:url(images/btn.png) no-repeat 0 -1135px; width:175px; height:49px; text-align:center; line-height:50px; font-size:23px; text-shadow:0 1px 0 #b65619; color:#fff;}
.orangeBtn-2:hover{ background-position:0 -1184px; text-decoration:none;}

.orangeBtn_download{ display:block; background:url(images/btn.png) no-repeat 0 -552px; width:214px; height:54px; padding-top:34px; text-align:center; line-height:24px; font-size:14px; text-shadow:0 1px 0 #b65619; color:#fff;}
.orangeBtn_download:hover{text-decoration:none;}
.orangeBtn_purchase{ display:block; background:url(images/btn.png) no-repeat 0 -640px; width:160px; padding-left:54px; height:54px; padding-top:34px; text-align:left; line-height:24px; font-size:14px; text-shadow:0 1px 0 #b65619; color:#fff;}
.orangeBtn_purchase:hover{text-decoration:none;}

table.dvsTable td{ border-right:solid 1px #e1e1e1;  border-bottom:solid 1px #e1e1e1; padding:4px;}
table.dvsTable th{ border-right:solid 1px #e1e1e1;  border-bottom:solid 1px #e1e1e1; padding:6px; font-weight:bold;}
table.dvsTable{ border:solid 1px #e1e1e1;}
table.dvsTable .tdbg{ background-color:#e1e1e1;}

.price_free{ display:none; border:solid 1px #0066FF; background:#CCCC33}

#DefaultBigClassChapter_431 { width:220px; margin-bottom:16px;}
#DefaultBigClassChapter_431 li{height:20px;}
#DefaultBigClassChapter_431 div.ClassName{ padding-left:10px;}
#DefaultBigClassChapter_431 div.ClassName .ClassItem{ margin-left:-10px; margin-top:6px; margin-bottom:4px; height:22px;}
#DefaultBigClassChapter_431 div.ClassName .ClassItem a{
	background-image:url(images/morearrow_08c.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	padding-left:8px;
	font-weight:bold;
}


/*sms List Show*/
div.HiSMS{position:static; padding:0px; margin:0px;  padding:0px; margin-top:8px; margin-left:8px; margin-right:4px; margin-bottom:4px;
border:solid 1px #DEDCDC;-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
div.HiSMS span a.thickbox{ float:right;}
.cmsContent span.smsChapter{ width:620px; text-align:right;}
.cmsContent .smsReplyArea{ width:360px; margin-top:12px;margin-left:120px; }
.clear{ clear:both;}


.cmsContent{ width:620px; padding:6px; clear:both;}
.HiSMS .sms{ padding:14px; position:relative; background: #f5f5f5; clear: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.HiSMS div.Rating{float:left; width:120px;}
.HiSMS div.YourName{ font-size::13px; height:16px;  margin-left:300px; padding-left:6px; margin-bottom:10px; vertical-align:middle; background-image:url(images/line-v.gif); background-repeat:no-repeat; background-position:0px 3px;}
.HiSMS div.AddTime{
	float:left;
	margin-right:26px;
	position:absolute;
	left:140px; top:16px;
	width:180px; 
}
.HiSMS a.smsReply{padding-right:13px; background:url(images/pen.png) no-repeat right; float:right;}
.cmsContent span.smsChapter a.smsReply{display:block;width:138px;height:25px;overflow:hidden;margin:0px;padding:0px; margin-left:400px; font-size:0px; margin-bottom:4px;}
.HiSMS div.smsRe{ font-size::13px; font-weight:lighter;color:#000066; height:20px; margin-right:26px; margin-top:6px; display:none;}
.cmsContent span.smsChapter a.smsReply:hover{background-position:0px -25px;}
.HiSMS div.Comments{padding:4px; clear:both; width:100%; }
.cmsContent span.sbottom{ display:none;}
.cmsContent span.stop{ display:none;}




/*EgeCMSInfoStyle37*/
#EgeCMSInfoStyle37{ width:570px; padding:20px; margin:12px;
 background: #f5f5f5; background: transparent -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.5,#f4f4f4), to(#f5f5f5)); clear: right; -webkit-box-shadow: inset rgba(0,0,0,0.3) 0 0 3px; -moz-box-shadow: inset rgba(0,0,0,0.3) 0 0 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
#EgeCMSInfoStyle37{ color:#666666;}
.BiaoQianEditItemDIV{}
.BiaoQianEditItemDIV{width:620; margin:0 auto; overflow:auto; padding-top:4px; padding-bottom:4px;}
.BiaoQianEditItemDIV_Left{width:120px; float:left; padding:4px; text-align:right; }
.BiaoQianEditItemDIV_Right{margin-left:130px; padding:4px; text-align:left;}
#EgeCMSInfoStyle37 .BiaoQianEditItemDIV_Left{ float:left; width:50px; text-align: center}
#EgeCMSInfoStyle37 .BiaoQianEditItemDIV_Right{ margin-left:60px; width:500px;}
#EgeCMSInfoStyle37 input,#EgeCMSInfoStyle37 textarea{ background-color:#ffffff; border:solid 1px #DFDCDC; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
/*YourName*/
#BiaoQianEditItemDIV281 .BiaoQianEditItemDIV_Right input{ width:200px; height:20px;}
/*Rating*/
#BiaoQianEditItemDIV317{}
/*email*/
#BiaoQianEditItemDIV282 .BiaoQianEditItemDIV_Right input{ width:200px; height:20px;}
/*comments*/
#BiaoQianEditItemDIV283 .BiaoQianEditItemDIV_Right textarea{ width:380px; float:left; margin-left:0px; height:180px;}

.BiaoQianEditItemDIV_Right #btnPost{ background-image:url(images/submit.png); width:90px; height:30px; border:0px; margin:0px; padding:0px;display:block; font-size:16px; color:#FFFFFF; background-color:#FFFFFF; cursor:hand; margin-left:0px; float:left; }
#BiaoQianEditItemDIV283 .BiaoQianEditItemDIV_Right #SaveProgress{ float:left; margin-left:16px; margin-top:10px; padding-left:10px;}
#BiaoQianEditItemDIV283 .BiaoQianEditItemDIV_Right #lblRestr{ float:left; margin-left:16px; margin-top:10px; padding-left:10px;}

/*btnPost*/
.Submit{ background-image:url(images/submit.png); width:90px; height:30px; border:0px; margin:0px; padding:0px;display:block; font-size:16px; color:#FFFFFF; cursor:hand; margin-left:0px; }
a.Submit{ padding-left:10px; padding-top:6px; width:80px; height:24px; text-decoration:none;}
/*write review*/
.RatingDiv{ border-bottom:dashed 2px #e8e8e8; width:620px; padding-bottom:4px;}
.RatingDiv span{ float:left; margin-top:20px; margin-left:4px;}
.writereview{background-image:url(images/write.png); text-align:left; padding-left:44px; padding-top:18px; width:124px; height:27px; background-repeat:no-repeat; float:right;}
.writereview a{ color:#FFFFFF; font-size:14px; text-decoration:none}


/*product class*/
.section .section_left{ width:230px; float:left;  margin-left:-12px;}
.section .section_left .productclass ul{ margin:0px; padding:0px;}
.section .section_left .productclass li{ background-image:url(images/btn_bar_bg.png); background-repeat:no-repeat; width:190px; height:24px; padding-left:20px; margin:0px; font-size:16px; padding-top:6px; margin-bottom:10px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.section .section_left .left_recommend{ border:solid 1px #DADADC; padding:6px;
 background: #f8f8f8; clear: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; width:194px;}
.section .section_left .left_recommend a:hover{ text-decoration:none;}
.section .section_left .left_recommend h2{ font-size:20px; margin:6px;}
.section .section_left .left_recommend img{ float:left;}
.section .section_left .Menu1 .item1{background:url(images/nav_bg.gif) repeat-x;}
.section .section_left .Menu1 .item1 a{ color:#FFFFFF;}
.section .section_left .Menu2 .item2{background:url(images/nav_bg.gif) repeat-x;}
.section .section_left .Menu2 .item2 a{ color:#FFFFFF;}
.section .section_left .Menu3 .item3{background:url(images/nav_bg.gif) repeat-x;}
.section .section_left .Menu3 .item3 a{ color:#FFFFFF;}
.section .section_left .Menu4 .item4{background:url(images/nav_bg.gif) repeat-x;}
.section .section_left .Menu4 .item4 a{ color:#FFFFFF;}
.section .section_left .Menu5 .item5 {background: url(images/nav_bg.gif) repeat-x;}
.section .section_left .Menu5 .item5 a {color: #FFFFFF;}
.section .section_left p.reviews{ background-color:#f2f2f2;-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color:#999999;border:solid 1px #DADADC; padding:6px; margin:0px; margin-top:16px;}
.section .section_right{ margin-left:230px; width:660px;}
.section .section_right .product_item{ width:650px; padding-bottom:20px; padding-left:10px;}
.section .section_right .product_item.WinMac{ display:none;}/*hide win*/
.section .section_right .product_item a.WinWinMac{ display:none;} /*hide total media converter for win a.href*/
.section .section_right .product_item a.MacMacWin{ display:none;}/*hide tunes cleaner for mac a.href*/
.section .section_right .product_item h3{ float:left; width:120px; text-align:center;}
.section .section_right .product_item h3 img{ width:120px;}
.section .section_right .product_item h2{ font-size:20px;}
.section .section_right .product_item .product_shot_des{ margin-left:130px; width:550px;}
.section .section_right .NewestBigClassChapter div.ClassName{ display:none;}

/*Q&A class*/
div.faq_Q{
	padding:0 0 0 40px;
	line-height:20px;
	text-align:justify;
	margin-bottom:12px;
	background-image: url(images/q.gif);
	background-repeat: no-repeat;
	background-position: 13px 2px;
}
div.faq_Q .Question a{font-size:16px;font-weight:bold;}
div.faq_Q .Question label{ width:180px; white-space:nowrap;  }
div.faq_Q .detail{}
#UserMadeChapterList_9 p{ line-height:20px; padding:0px; margin:0px;}
#UserMadeChapterList_9{ margin-bottom:12px;}

/*QA Right*/
div.askaquestion{width:900px; height:60px; text-align:right;}
.FindQA{ display:inherit; clear:both; width:220px; height:60px;}
.FindQA input{ height:20px; border:solid 1px #999999; float:left; margin-right:-4px; width:110px; padding:4px;}
.FindQA a.Submit{ float:left;}


/*FindReg*/
.FindRegRight{ width:260px; background: #f5f5f5; float: right; border:solid 1px #E4E4E5;; margin-left:20px; padding:14px;}
.FindRegRight h2{ font-size:20px; margin-top:-42px; margin-bottom:8px;}
.FindRegRight h3{ font-size:14px; color:#666666; margin-top:6px;}
.FindRegRight p{ font-size:13px; color:#999999; margin:4px;}
.FindRegRight input{ height:20px; border:solid 1px #999999; float:left; margin-right:-4px; width:162px; padding:4px;}
.FindRegRight a.Submit{ float:left;}

.FindRegLeft{ background: #f5f5f5; padding:8px; width:540px; margin-top:20px; border:solid 1px #E4E4E5;;}
.FindRegLeft h3{ margin-top:-34px;}
.FindRegLeft .writereview{ margin-top:-60px;}
.FindRegLeft div.DivContent{ padding:10px;}
.FindRegLeft div.DivContent p{ height:28px; font-size:16px;}
/*page*/

a.pages
{
	height: 20px;
	color: #333333;
	border: solid 1px #4aade1;
}
a.pages:hover {
	background-color: #4aade1;
	height: 20px;
	color:#ffffff;}

a.pages_
{
	background-color: #4aade1;
	height: 20px;
	color: #ffffff;
	border: solid 1px #4aade1;
}

#PageSet
{
	width: 600px;
	height: 30px;
	float:left;
	padding:0px;padding-top:10px;padding-bottom:10px;float:left;font-size:14px;
}
#PageSet a{-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding-top:4px; padding-bottom:4px; padding-left:4px; padding-right:4px;}
#PageSet a:hover{ text-decoration:none;}
#PageSet ul{ margin:0px; padding:0px;}
#PageSet li
{
	float:left;
	margin-right:4px;
	list-style:none;
}
/*search*/
div.gsearch{ float:left; width:600px; padding-top:-40px; overflow:hidden;}
.sMore{ background-image:url(images/submit2.png); width:152px; height:30px; border:0px; margin:0px; padding:0px;display:block; font-size:16px; color:#FFFFFF; cursor:hand; margin-left:20px; }
.sMore a{ padding-left:2px; padding-top:4px; width:148px; height:26px; text-decoration:none; color:#FFFFFF; float:right; line-height:20px;}
.SearchKeys a{padding-right:8px; text-decoration:underline;}
.SearchKeys{margin:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding:10px; border: solid 1px #E4E4E5; font-size:14px; width:530px;}
/*margin left*/
.marginleft-50{ margin-left:-50px;}
#ScndTitle{text-align: center;font-size: 22px;margin: 10px 0 8px 0;border-top: dotted 1px #ccc;padding-top: 12px;}


.feature-pic{ text-align:center; text-align:absmiddle;}
.dl-bt{width:auto}
.dl-bt img {width:auto}

@media (max-width: 979px)
{
#main {width:95%;}
#hero { background-image:100%}

/*.app #app-nav{ padding:0px;top: -63px;left:30px}*/
.app #app-nav{ display:none; background-image:none;}
.app #app-nav li{ display:none;}

.app #scroll-nav, #imelfin #scroll-nav{width:680px;}
#imelfin #scroll-nav a.last{ width:17%}



.app #app-nav {width: 100%;margin-left:0px; left:0px}
.app #scroll-nav a {width: 18%; padding-left:14px}
.app .section{ padding-left:10px; padding-right:10px; padding-bottom:45px; width:96%}
/*.app .section .aside{ float:right; width:20%}
.app .section .aside img{ width: 116%}*/
.app .section .aside{ margin-left:0px;width:94%;}
.app .section .aside img{ display:none}
.app .section, .app #scroll-nav {background: url(images/section_border_20100727.png) no-repeat 80% 100%;}
.app .section .title h2 {font-size: 22px;}
.marginleft-50 img{width: 100%}
.a.btn_4{ margin-left:0px}

#promofooter{ width:95%; background-image:none;}
#promofooter #promos{ width:100%; background-image:none;}
#promofooter #promos li.buy{ width:48%;  border:none; text-align:center; height:40px !important; min-height:12em;}
#promofooter #promos li.buy{height:100px !important; }
#promofooter #promos li.buy .promo_buy{ margin-right:10px; }
#promofooter #promos .UserMadeChapterList li.buy span.button_y a.promo_buy{float:left;}
#promofooter #promos li.buy .promo_try{ display:none;}
#promofooter #promos li.buy{-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px; background-color:#FFFFFF; margin-top:6px; margin-bottom:10px; margin-left:4px; margin-right:4px; border:solid 1px #e1e1e1;}

#promofooter #promos p a{ text-align:center;}
#promofooter #promos a.image {position:inherit; top:-70px; margin-top:20px; margin-bottom:20px; text-align:right;}



.app #scroll-nav{ padding-left:20px}
.section .section_left{ width:30%}
.section .section_right{width:70%; }
.section .section_right .product_item{ width:90%;}
.section .section_right .product_item p.intro{ width:340px;}
.section .section_right .product_item h3 img{width: 100%}

.FindRegLeft{ width:48%}
.FindRegLeft div.DivContent{ line-height:25px}
.FindRegRight{ width:42%}
.FindRegRight radius img{ width:100%}
#main .productcontent .contentMenu.bigicon{ margin-left:50px}
div.askaquestion{ width:auto}
div.faq_Q{ width:65%; float:left}
.FindQA a.Submit{background-repeat:no-repeat}
.app .productcontent .WhatNew{ width:91%; margin-left:20px}
.app .section .title_download{ width:20%}
.app .section .meat_download{ width:460px;}
.app .section .aside_download{ float:left; padding:0px}

.aside_download img.guarantee{ height:200px; display:none;}


.FindQA input{ width:94%}
.FindQA a.Submit{ width:98%; margin-top:5px}

img.feature-pic{ width:98%}

.dl-bt img{ width:auto}
#ScndTitle{ text-align:left}
.app .section .meat_download div.addtocart img{ width:100%}
}
@media (max-width: 768px) {
#main{width:460px;margin:0 auto;}
#main{ width:95%}
#imelfin #scroll-nav{width: 100%; padding-left:0px; padding-top:40px}

.app #scroll-nav a ,#imelfin #scroll-nav a.last{width: 45%;text-align: center;}

.app #app-nav{ display:none; background-image:none;}
.app #app-nav li{ display:none;}

.app #app-nav-home {width:460px;}

.app #app-nav_btn li.btn_try{display:none;}

.app #swap-hero,
.app #hero{ height:408px;}


.app .section{ width:95%; padding-top:30px; padding-bottom:100px}
.app .section .title{text-align: center;margin-right: 10px; width:100%}
.app .section .title img{ width:auto}
.app .section .meat{ width:100%; text-align:center}
.app .section .aside{ margin-left:0px;width:94%;}
.app .section .aside img{ display:none}
.marginleft-50{ width:100%; margin-left:0px}
.marginleft-50 img{ width:100%}
.app .section .title h2{ font-size:17px}

#promofooter #promos li.buy{ width:47%; min-height:15em;}


.section .section_left{ width:96%; padding-left:10px}
.section .section_left .productclass li{ width:auto; background:none; background-color:#FFFFFF; border:solid 1px #CCCCCC;text-align:center}
.section .section_left .left_recommend{ width:auto; padding-bottom:0px;padding-top:0px; height:150px;}
.section .section_left .left_recommend img{ float:none}
.section .section_left .pd{ width:40%; float:left}
.section .section_left p.reviews{ width:54%;float:left}
.section .section_right{ width:100%; padding-top:30px}
.section .section_right{margin-left:0px; margin-top:380px;}
.section .section_right .product_item{ padding-left:0px}
#PageSet{ width:460px}
#PageSet li{ padding-bottom:20px}

#main .section img.big_pic{ width:100%}
#main .section div.RatingDiv{ display:none;}

.cmsContent{width:100%; padding-right:0px}

.FindRegLeft{ width:96%}
.FindRegRight {width: 94%;margin-top: 20px; margin-bottom:40px}
#main .productcontent .contentMenu.bigicon{ margin-left:70px}
div.faq_Q{ float:left; width:92%; padding-left:30px;background-position: 6px 2px;}
.app .productcontent .WhatNew{ width:90%; margin-left:10px}
.app .section .meat_download{ width:100%; float:right}
.app .section .meat_download div.addtocart ul li{ margin-left:0px; width:50%}
.app .section .aside_download{width:100%}
.app .section .title_download{ width:100%; text-align:center}
#productrec{ display:none}
}


@media (max-width: 479px) {
#main{width:95%; margin:0 auto; margin-bottom:30px;}
#hero h2 img{width:300px;}
.imelfin #hero .intro { width:300px; margin-left:10px;}
.imelfin #hero h1{ margin-left:10px;}

.app #app-nav_btn{ width:300px;}
.app #app-nav_btn li.btn_2{ display:none; }

.app #scroll-nav a,#imelfin #scroll-nav a.last{ width:95%; height:auto; padding-left:5px}
.app .section{ width:93.5%; padding-left:10px; padding-right:10px; padding-top:30px}
.app .section .meat{width:98%; text-align:center}
.app .section .aside{width:90%; margin-left:15px}
.app .section .aside img{ width:111%}
.app #app-nav li{ font-size:15px}
.app #scroll-nav{ padding-top:20px}
.marginleft-50{width:100%; margin-left:0px}

#promofooter{width:95%;}
#promofooter #promos li.buy{ width:100%; margin-left:0px; margin-right:0px;}

.section .section_left{ padding-left:5px}
.section .section_right .product_item .product_shot_des{ margin-left:0px}

#PageSet{ width:auto; padding-bottom:40px}

#main .productcontent .contentMenu.bigicon{ margin-left:0px}
.FindRegRight{ width:90%; margin-left:0px; margin-top:20px}
.FindRegLeft{ width:94%}
div.faq_Q{ width:auto; padding-left:25px;background-position: 0px 2px;}

.app .productcontent .WhatNew{ width:84%}
.app .section .title_download{width: 100%;
text-align: center; margin:0px}

.app .section .meat_download div.addtocart ul li{ width:100%}
}
@media (max-width: 320px) {
#main{width:320px;}
.app #app-nav-home {}
#promofooter{width:320px;}
.cmsContent{width:320px;}
.app #app-nav_btn{ display:none;}
}

.back-top {
float: right;
font-size: 14px;
background: url(../images/back-top.png) 7px center no-repeat;
padding-left: 33px;
padding-top: 2px;}
.back-top a {
color: #3399ff;}