/* Theme Name: nds9 Theme URI: http://www.phpeshop.com Description:for nds9.com Version: 1.0 Author: phpeshop studio */ /*-----start-----*/ /*-----base.css-----*/ /* RESET */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } /* LAYOUT */ .clear { clear: both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, #globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, #productheader h1 a, #productheader h2 a, #productheader a.buynow, #productheader a.ordernow, #productheader a.joinnow, #productheader a.preorder, /*#productheader a.freetrial, #productheader a.downloadnow, #productheader a.upgradenow { behavior: url(../../../global/scripts/lib/iepngfix.htc); } */ img { border: 0; } img.left { float: left; margin: 2px 20px 16px 0; } img.right { float: right; margin: 2px 0 16px 20px; } img.across { margin: 2px 0 16px 0; } img.flushleft { margin-left: -20px; } img.flushright { margin-right: -20px; } #omniture{display:none;} #omniture, #top { position: absolute; top: 0; } #container { width: 980px; margin: 0 auto; position: relative; } #main { width: 100%; position: relative; *top:15px; } #content { padding: 18px 20px; position: relative; color: #333; } #breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; } /* GRID */ .column { float: left; } .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; } .grid2col .column { width: 49%; } .grid2col .grid2col .column { width: 47.8%; } .grid3col .grid2col .column { width: 25%; } .grid4col .grid2col .column { width: 45%; } .grid2cola .column.first { width: 66%; } .grid2cola .column.last { width: 32%; } .grid2colb .column.first { width: 74.9%; } .grid2colb .column.last { width: 23%; } .grid2colc .column.first { width: 32%; } .grid2colc .column.last { width: 66%; } .grid2cold .column.first { width: 23%; } .grid2cold .column.last { width: 74.9%; } .grid2cole .column.first { width: 79%; } .grid2cole .column.last { width: 19%; } .grid2colf .column.first { width: 19%; } .grid2colf .column.last { width: 79%; } .grid3col .column { width: 23%; margin-left: 2%; } .grid2col .grid3col .column { width: 23%; } .grid3cola .column { width: 58%; margin-left: 2%; } .grid3cola .column.first, .grid3cola .column.last { width: 19%; } .grid4col .column { width: 23%; margin-left: 3%; } .grid5col .column { width: 18.4%; margin-left: 2%; } .grid6col .column { width: 15%; margin-left: 2%; } .column.first, .column.last { margin-left: 0 !important; } .column.last { float: right !important; } /*p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; } */ #container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; } */ /* TYPE */ body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;background-color: #efefef; color: #333; } a { color: #08c; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; } a.more { white-space: nowrap; padding-right: 10px; background: url(../elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; } a.external { white-space: nowrap; padding-right: 15px; background: url(../elements/icons/external10x10.gif) no-repeat 100% 49%; } a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(../elements/icons/external10x10.gif) no-repeat 100% 49%; } strong, b { font-weight: bold; } em, i { font-style: italic; } /*sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }*/ abbr { border: 0; } .sosumi { font-size: 10px !important; color:#76797c; } .sosumi_features { font-size: 10px !important; color:#76797c; } p { margin-bottom: 18px; } h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; } h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; } h3 { font-weight: bold; font-size: 1em; line-height: 18px; } h4 { font-weight: bold; font-size: 10px; line-height: 18px; } p.intro { font-weight: bold; } .more { text-align: right;} ul { margin-bottom: 2px; list-style: none outside; } ol { margin-bottom: 18px; list-style:none; margin-left: 0.7em; } ul.square, ul.circle { margin-left: 2em; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul ul.circle, ul ul.square { margin-top: 4px; margin-bottom: 5px; } ol.sosumi { margin-left: 0; padding-left: 2em; } a.pdf { background: url(../elements/icons/globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.html { background: url(../elements/icons/globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.qt { background: url(../elements/icons/globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.ical { background: url(../elements/icons/globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.dl { background: url(../elements/icons/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.dmg { background: url(../elements/icons/globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.zip { background: url(../elements/icons/globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.keynote { background: url(../elements/icons/globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } a.audio { background: url(../elements/icons/globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } .last { margin-bottom: 0; } #main .sidebar { font-size: 10px; line-height: 18px; color:#686868; } #main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; } /* PIPED LINKS */ .piped { display: block; } .piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .piped li { float: left; display: inline; } .piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; } .piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; } /* PRETTY SEARCH */ input.prettysearch { width:200px; height: 16px; background: url(../elements/prettysearch/searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } .search-wrapper { position: relative; width: 200px; } .search-wrapper input.prettysearch { width: 171px; margin-left: 20px; /* *margin-top:-1px; *margin-right:-2px; *margin-left:10px;*/ } .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(../elements/prettysearch/searchfield_leftcap.png) left top no-repeat; } .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(../elements/prettysearch/searchfield_rightcap.png) right top no-repeat; } .search-wrapper.empty.blurred input { color: #7e7e7e; } .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(../elements/prettysearch/close.gif); display: block; cursor: pointer; /*_cursor:hand;*/ } .search-wrapper.empty .reset { display: none; } label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;} /* GLOBALHEADER */ #globalheader { width: 980px; height: 72px; margin: 0px auto 8px; position: relative; z-index: 9998; background-image:url(images/R4-title.jpg);cursor:pointer;} #globalheader #globalnav { margin: 0; padding: 0; } #globalheader #globalnav li { display: inline; } #globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; } #globalheader #globalnav li a, #globalheader #globalsearch { background-image: url(../nav/images/globalnavbg.png); /*_background-image: url(../nav/images/globalnavbg.gif); background-repeat: no-repeat; */} /* BUTTONS */ #globalheader #globalnav li#gn-store a { background-position: 0 0; } #globalheader #globalnav li#gn-store a { background-position: -117px 0; } #globalheader #globalnav li#gn-mac a { background-position: -234px 0; } #globalheader #globalnav li#gn-ipoditunes a { background-position: -351px 0; } #globalheader #globalnav li#gn-iphone a { background-position: -468px 0; } #globalheader #globalnav li#gn-downloads a { background-position: -585px 0; } #globalheader #globalnav li#gn-support a { background-position: -702px 0; } /* OVER STATES */ #globalheader #globalnav li#gn-apple a:hover { background-position: 0 -38px; } #globalheader #globalnav li#gn-store a:hover { background-position: -117px -38px; } #globalheader #globalnav li#gn-mac a:hover { background-position: -234px -38px; } #globalheader #globalnav li#gn-ipoditunes a:hover { background-position: -351px -38px; } #globalheader #globalnav li#gn-iphone a:hover { background-position: -468px -38px; } #globalheader #globalnav li#gn-downloads a:hover { background-position: -585px -38px; } #globalheader #globalnav li#gn-support a:hover { background-position: -702px -38px; } /* PRESSED STATES */ #globalheader #globalnav li#gn-apple a:active { background-position: 0 -76px; } #globalheader #globalnav li#gn-store a:active { background-position: -117px -76px; } #globalheader #globalnav li#gn-mac a:active { background-position: -234px -76px; } #globalheader #globalnav li#gn-ipoditunes a:active { background-position: -351px -76px; } #globalheader #globalnav li#gn-iphone a:active { background-position: -468px -76px; } #globalheader #globalnav li#gn-downloads a:active { background-position: -585px -76px; } #globalheader #globalnav li#gn-support a:active { background-position: -702px -76px; } /* ON STATES */ #globalheader.home #globalnav li#gn-apple a:hover { background-position: 0 0; cursor: default; } #globalheader.store #globalnav li#gn-store a { background-position: -117px -114px !important; } #globalheader.mac #globalnav li#gn-mac a { background-position: -234px -114px !important; } #globalheader.ipoditunes #globalnav li#gn-ipoditunes a { background-position: -351px -114px !important; } #globalheader.iphone #globalnav li#gn-iphone a { background-position: -468px -114px !important; } #globalheader.downloads #globalnav li#gn-downloads a { background-position: -585px -114px !important; } #globalheader.support #globalnav li#gn-support a { background-position: -702px -114px !important; } /* Testing everywhere search */ input[type=search].not-round { /*background: #ABABAB;*/ height: 19px; outline: none; /*-webkit-border-radius: 9px; -webkit-border-image: url(../elements/prettysearch/searchfield_border.png) 2 2 2 2 stretch stretch;*/ width: 200px; } /* GLOBAL SEARCH */ #globalsearch { width: 163px; height: 38px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; } #globalsearch.active { background-position: 100% -38px; } #globalsearch input.g-prettysearch, #globalsearch .search-wrapper input.g-prettysearch {background: url(../nav/images/searchfield_repeat.png) center top repeat-x; } #globalsearch input.g-prettysearch { width:140px; height: 16px; margin-top: 9px; margin-left: 11px; } #globalsearch .search-wrapper { position: relative; width: 140px; margin-top: 9px; margin-left: 11px; } #globalsearch .search-wrapper input.g-prettysearch { width: 110px; margin-left: 20px; /**margin-top:-1px; *margin-right:-2px; *margin-left:10px; */} #globalsearch .search-wrapper .left, #globalsearch .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(../nav/images/searchfield_leftcap.png) left top no-repeat; } #globalsearch .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(../nav/images/searchfield_rightcap.png) right top no-repeat; } #globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; } #globalsearch .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(../nav/images/close.gif); display: block; cursor: pointer; /*_cursor:hand;*/ } #globalsearch .search-wrapper.empty .reset { display: none; } #globalsearch .search-wrapper input.g-prettysearch { position: absolute; width: 110px; top: 0; right: 10px; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Arial, sans-serif; } #globalsearch label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;} #globalsearch input[type=search].not-round { background: #ABABAB; height: 19px; outline: none; /*-webkit-border-radius: 9px; -webkit-border-image: url(../elements/prettysearch/searchfield_border.png) 2 2 2 2 stretch stretch;*/ width: 133px; } /* SEARCH SHORTCUTS */ #sp-results { position: absolute; margin-right: -2px; margin-bottom: 0; margin-left: 0; top: 61px; left: 165px; height: 0; } #sp-results .inside { width: 328px; height: auto; position: absolute; top: 0; right: 0; line-height: 1px; font-size: 1px; } #sp-results .resultCat { position: relative; color: #f6f6f6; background: #919191; width: 308px; height: 8px; margin: 0; padding-bottom: 12px; width: 302px; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight: bold; border: 1px none #fb6bff; } ul.sp-results { background: url(../nav/images/shortcuts_bg_mid_grey.png) repeat-y 0 0;/* _background: url(../nav/images/shortcuts_bg_mid_grey.gif) repeat-y 0 0; */color: #333; padding: 0 3px; margin: 0; width: 328px; text-align: left; font: 10px/14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; } ul.sp-results li { margin: 0 0 -3px 0; padding: 5px 10px; list-style-type: none; height: 4.6em; position: relative; border-left: 1px solid #919191; border-right: 1px solid #919191; width: 300px; } ul.sp-results li.viewall { width: 308px; height: 20px; text-align: right; color: #000; position: absolute; bottom: -30px; /**bottom: -27px;*/ left: 0px; background: url(../nav/images/shortcuts_bg_foot_grey.png) no-repeat left bottom; /*_background: url(../nav/images/shortcuts_bg_foot_grey.gif) no-repeat left bottom;*/ border-style: none; } ul.sp-results li.viewall a { color: #fff; padding-right: 23px; background: url(../nav/images/shortcuts_arrow.gif) no-repeat 99% 50%; padding-top: 3px; padding-bottom: 3px; font: bold 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; } ul.sp-results li.hoverli { background: #b7b7b7 none repeat-x; color: #fff; cursor: pointer; } ul.sp-results li.hoverli h4 a { color: #fff; } ul.sp-results li.hoverli p { color: #f1f1f1; } ul.sp-results li span.text { display: block; position: absolute; left: 68px; width: 240px; } ul.sp-results li h4 { margin: 0; font-size: 11px; font-weight: bold; } ul.sp-results li p { margin: 0; font-size: 10px; overflow: hidden; height: 2.7em; color: #555; } ul.sp-results li a { color: #606060; text-decoration: none; } ul.sp-results li img, ul.sp-results li .replacementimg { position: absolute; left: 10px; width: 46px; height: 46px; } ul.sp-results li h4 a { color: #191919; } ul.sp-results li.viewall.hover { background: url(../nav/images/shortcuts_bg_foot_grey.png) no-repeat bottom left; } #sp-search-spinner { position: absolute; top: 13px; right: 16px; z-index: 10; display: none; } #sp-search-cancel img { cursor: pointer; } /*#sp-results .firstCat { position: absolute; top: -25px; left: 0; width: 308px; height: 8px; background: url(../nav/images/shortcuts_bg_head_grey.png) no-repeat left top; _background: url(../nav/images/shortcuts_bg_head_grey.gif) no-repeat left top; }*/ #sp-result-none.viewall {bottom: -27px;} #sp-result-none.viewall a { font-size: 10px; } /*--- Global Footer (legacy) ---*/ #globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0 9px; } #globalfooter .gf-links { float: right; margin: 18px 0 9px; } #globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; } #globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; } /*--- Global Footer ---*/ #globalfooter { width: 980px; color: #888; font-size: 10px; margin: 18px auto 0px; overflow: hidden; text-align: left !important; clear:both;} #globalfooter a { color: #08c; } #globalfooter p { margin-bottom: 1em; } #globalfooter p.gf-buy { float: left; width: 52%; margin: 18px 0 9px 3px; } #globalfooter ul.piped a { padding: 0 0 0 1.5em;padding: 0 0 0 0.7em\9;*padding: 0 0 0 0.7em;_padding: 0 0 0 0.7em; margin-left: 1.5em;margin-left: 0.7em\9;*margin-left: 0.7em;_margin-left: 0.7em; border-left: 1px solid #d0d0d0; } #globalfooter .gf-links { float: right; margin: 18px 3px 9px 0; } #globalfooter .gf-sosumi { clear: both; width: 980px; height: 73px; border-top: 1px solid #ddd; background-image:url(images/R4-bottom.jpg); margin:18px auto 0px;} #globalfooter .gf-sosumi a { padding: 0 10px; } #globalfooter .gf-sosumi p { float: left; margin-left: 3px; } #globalfooter form { margin: 18px 10px; } #globalfooter .search-wrapper { margin: 0 auto; } #globalfooter .search-wrapper input.prettysearch { margin-left: 10px; } #globalfooter ul.piped a.contact_us { padding-right: 1.5em; border-right: 1px solid #d0d0d0; } #globalfooter ul.piped a.choose { margin-left: 0; border: 0; } #globalfooter ul.piped a.choose img { vertical-align: middle; margin-top: -5px; position: relative; } /*--- Breadcrumbs (legacy) ---*/ #globalfooter #breadcrumbs { font-size: 11px; color: #444; background: url(../nav/images/breadcrumb_bg.png) no-repeat; overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 2px 2px 1px #fff; } #globalfooter #breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; position: relative; margin-left: -10px; _cursor: hand; } #globalfooter #breadcrumbs a:hover { color: #333; text-decoration: none !important; } #globalfooter #breadcrumbs a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; } #globalfooter #breadcrumbs span { float: left; width: 9px; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(../nav/images/breadcrumb_sep.png) no-repeat; } /*--- Breadcrumbs ---*/ #globalfooter ol#breadcrumbs { font-size: 11px; color: #444; background: url(../nav/images/breadcrumb_bg.png) no-repeat; height: 36px; line-height: 34px; margin: 0; list-style: none; font-weight: bold; text-shadow: 2px 2px 1px #fff; } #globalfooter ol#breadcrumbs li { float: left; margin: 0; padding: 0 0 0 20px; background: url(../nav/images/breadcrumb_sep_20080909.png) no-repeat; } #globalfooter ol#breadcrumbs li a { float: left; color: #444; text-decoration: none; padding: 0 10px; margin-left: -10px; } #globalfooter ol#breadcrumbs li a:hover { color: #333; text-decoration: none; } #globalfooter ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; } #globalfooter ol#breadcrumbs li.home a { margin: 0; padding: 0 10px; width: 15px; text-indent: -9999px; overflow: hidden; } /*--- Directory Nav ---*/ #directorynav { font-size: 11px; background: url(../nav/images/directory_bg.png) repeat-y; border-top: 1px solid #e5e5e5; float: left; width: 100%; position: relative; margin-top: -4px; } #directorynav .column { width: 122px; padding: 9px 0 4px 18px; } #directorynav .column.last { float: left !important; padding-right: 0; } #directorynav h3 { color: #666; font-weight: bold; } #directorynav h3.standalone { margin-bottom: 18px; } #directorynav a { color: #888; text-decoration: none; display: block;/* zoom: 1; */} #directorynav h3.standalone a:link, #directorynav h3.standalone a:visited { color: #444; } #directorynav a:hover { color: #333 !important; text-decoration: none !important; } #directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(../nav/images/directory_capbg.png) no-repeat; } #directorynav ul { margin-bottom: 0; padding-bottom: 9px; } #directorynav .column { width: 120px; } #directorynav.mac #dn-cola { width: 120px; } #directorynav.mac #dn-colb { width: 115px; } #directorynav.mac #dn-cold { width: 110px; } #directorynav.mac #dn-colg { width: 130px; } #directorynav.iphone .column { width: 146px; padding: 9px 0 0 45px; } #directorynav.ipoditunes .column { width: 177px; } /*--- BREADORY ---*/ #breadory { border: 1px solid #ddd; width: 978px; margin: 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #globalfooter #breadory ol#breadcrumbs { background: none; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: #666; margin: 0; list-style: none; font-weight: bold; text-shadow: 2px 2px 1px #fff; } #breadory ol#breadcrumbs li { background: none; float: left; margin: 0; padding: 0 0 0 1em; } #breadory ol#breadcrumbs li a { float: left; color: #666; text-decoration: none; padding: 0 1.75em 0 0; margin-left: 0px; background: url(../nav/images/breadcrumb_separator.png) no-repeat 100% 50%; } #breadory ol#breadcrumbs li a:hover { color: #333; text-decoration: none; } #breadory ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; } #breadory ol#breadcrumbs li.home a { background: url(../nav/images/breadcrumb_home.png) no-repeat 1.25em 50%; margin: 0; padding: 0 0 0 1.25em; width: 30px; text-indent: -9999px; overflow: hidden; } #breadory ol#breadcrumbs li.home a:hover { background-image: url(../nav/images/breadcrumb_home_over.png); } #breadory #directorynav { background: none; clear: both; float: none; margin-top: 0; } #breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; } /* PRODUCTHEADER */ #productheader { position: relative; border-bottom: 1px solid #ddd; padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; *height: 39px; margin-bottom: 18px !important;} #productheader h1, #productheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; } #productheader h1 a, #productheader h2 a { line-height: 32px; height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; position: relative; outline: none; text-decoration: none; text-indent: -9999px; } body#overview #productheader h1 a, body#overview #productheader h2 a { cursor: default; } #productheader ul { display: inline; float: right; margin: 0; } #productheader ul li { display: inline; } #productheader ul li a { color: #999; float: left !important; margin-top: 1em; margin-left: 10px; margin-right: 8px; padding: 0; text-decoration: none; } #productheader ul li a:hover { color: #08c; } #productheader a.buynow, #productheader a.ordernow, #productheader a.joinnow, #productheader a.preorder, #productheader a.preorder_blue, #productheader a.freetrial, #productheader a.downloadnow, #productheader a.upgradenow { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; } #productheader a.buynow { width: 72px; background-image: url(../elements/buttons/buynows.png); _background-image: url(../elements/buttons/buynows.gif); } #productheader a.ordernow { width: 81px; background-image: url(../elements/buttons/ordernow.png); } #productheader a.joinnow { width: 72px; background-image: url(../elements/buttons/joinnow.png); } #productheader a.preorder { width: 99px; background-image: url(../elements/buttons/preorder.png); } #productheader a.preorder_blue { width: 75px; background-image: url(../elements/buttons/preorder_blue.png); } #productheader a.freetrial { width: 72px; background-image: url(../elements/buttons/freetrial.png); } #productheader a.downloadnow { width: 108px; height: 26px; background-image: url(../elements/buttons/downloadnow.png); } #productheader a.upgradenow { width: 104px; background-image: url(../elements/buttons/upgradenow.png); } #productheader a.buynow:hover, #productheader a.buynow:focus { background-position: 0 -25px; } #productheader a.buynow:active { background-position: 0 -50px; } /* PRINT */ @media print { body, #main, #content { color: #000 !important; } a, a:link, a:visited { color: #000 !important; text-decoration:none !important; } #tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; } #main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; } } /* iPhone */ @media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } /*-----base.css-----*/ /*-----end-----*/ /*-----start-----*/ /*-----buystrip.css-----*/ /* buy now strip */ #content #buystrip, #content #buystrip.rounded { background: #f4f4f4 url(../../../global/elements/buystripmodule/buystrip-main-bg.gif) repeat-x 0 0; margin: 0 -18px 18px; padding: 15px 15px 0; position: relative; width: 950px; } #content #buystrip .maincap.top { font-size: 1px; margin-left: -2px; position: absolute; top: 0; left: 0; width: 984px; } #content #buystrip .maincap.bottom { background: url(../../../global/elements/buystripmodule/buystrip-cap-bottom.png) no-repeat 0 100%; height: 8px; font-size: 1px; margin: 0 -2px; position: absolute; bottom: -8px; left: 0; width: 984px; *bottom: -4px; } #content #buystrip .buystrip_wrapper { background: url(../../../global/elements/buystripmodule/buystrip-container-bg.png) repeat-y; position: absolute; left: -2px; top: 5px; width: 984px; z-index: 0; /*zoom: 1;*/ } #content #buystrip .grid4col { background: #fff url(../../../global/elements/buystripmodule/buystrip-bg.gif) repeat-x 0 100%; margin-left: -15px; margin-right: -15px; position: relative; width: 980px; z-index: 2; } #content #buystrip .column { border-left: 1px solid #e9e9e9; margin: 0 0 13px; min-height: 120px; padding: 5px 10px 0; width: 224px; } #content #buystrip .column.first { border: none; } #content #buystrip .more_options { margin: 0 -15px; font-size: 11px; padding: 9px 0; position: relative; text-align: center; z-index: 2; } #content #buystrip .more_options.alt { background: #f6f6f6; padding-bottom: 5px; _padding-bottom: 9px; } #content #buystrip .more_options .more:first-child { margin-right: 40px; } #content #buystrip h2 { background: url(../../../imac/images/buystrip-title-20090420.gif) no-repeat 0 0; height: 23px; margin: 0 0 5px 20px; width: 125px; } #content #buystrip h3 { font-size: 1.2em; } #content #buystrip h3 span { color: #666; display: block; font-size: 11px; } #content #buystrip .retail p, #content #buystrip .online_store p, #content #buystrip .phone p { line-height: 18px; margin-bottom: 0; *position: relative; } #content #buystrip .pricing img { float: left; margin-right: 15px; } #content #buystrip .pricing p { color: #999; font-size: 12px; margin: 0 0 0 20px; } #content #buystrip .retail .icon, #content #buystrip .online_store .icon, #content #buystrip .phone .icon { float: left; } #content #buystrip .retail h3, #content #buystrip .online_store h3, #content #buystrip .phone h3 { margin: 0 0 0 40px; } #content #buystrip .retail p, #content #buystrip .online_store p, #content #buystrip .phone p { font-size: 11px; margin: 0 0 0 40px; } /* -- buy now strip -- */ #buynowstrip { background: #fff url(../../../global/elements/buystripmodule/bg.gif) repeat-x 0 100%; height: 13em; /*height:155px;*/ margin:18px auto; padding:15px 20px 0; position:relative; width:940px; } #buynowstrip { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } #buynowstrip .column { border-left:none; border-right:1px solid #e9e9e9; height: 65%; /*height:100px;*/ margin-left:10px; width:226px; padding-bottom:10px; padding-left:9px; padding-top:5px; } #buynowstrip .column img { position: relative; left:0; } #buynowstrip .column p { margin-bottom: 0; } #buynowstrip .column .icon { float: left; margin-right:9px; padding-bottom:100px; _padding-bottom:10px; } #buynowstrip p { font-size:11px; margin-left:40px; width:154px; } #buynowstrip a.more { font-size:11px; } #buynowstrip img { clear:right; margin-bottom:5px; } #buynowstrip h3 { font-size:1.2em; margin:0; } #buynowstrip h3 span { color: #666; display: block; font-size: 11px; } #buynowstrip h4 { color:#999; font-size:12px; font-weight:normal; margin-bottom:10px; } #buynowstrip h3, #buynowstrip p { padding:0; } #buynowstrip .column.first { height: 140px; margin-top: -15px; padding-top: 20px; padding-left: 0; position: relative; _height: 100px; } #buynowstrip .column.first p { margin: -2px 0 0 12px; width: 90px; } #buynowstrip .column.first p a { background-image: url(../../../global/elements/arrows/morearrow_333.gif); background-position:71px 19px; color:#252525; float: left; font-size:13px; line-height:14px; margin: -28px 0 0 105px; text-align:left; *margin:0 0 0 5px; } #buynowstrip .column.first p a:hover { background-image: url(../../../global/elements/arrows/morearrow_08c.gif); color: #08c; text-decoration: none; } #buynowstrip .column.last { margin-right:-20px; _margin-right:-1px; } #buynowstrip .column.last { border:none; } #buynowstrip img.flushleft { margin-left: -20px; margin-bottom:-7px; _left:30px; } #buynowstrip #links { background: #f6f6f6 url(../../../global/elements/buystripmodule/bg-bottom.gif) repeat-x 0 0; border-top: 1px solid #e9e9e9; line-height: 2.5; margin-bottom: 0; margin-left: 0; padding-right: 104px; position: absolute; right: 0; bottom: 0; text-align:right; width: 629px; } #buynowstrip #links { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } #buynowstrip #links a.more { margin-right:40px; } #buynowstrip #comparison { border-top: 1px solid #e9e9e9; float: left; margin-top: 8px; margin-left: -10px; padding: 13px 0 0; width: 230px; } #buynowstrip #comparison .family { float:left; margin: -4px 10px 0 -10px; } #buynowstrip #comparison a { display: block; font-size: 13px; line-height: 14px; } #buynowstrip #comparison a:hover { text-decoration: none; cursor: pointer; } #buynowstrip #comparison a span { background: url(../../../global/elements/arrows/morearrow_333.gif) no-repeat 100% 70%; color: #252525; padding-right: 8px; position: relative; text-decoration: none; zoom:1; } #buynowstrip #comparison a:hover span { background-image: url(../../../global/elements/arrows/morearrow_08c.gif); color: #08c; } #buystrip { border-color:#E1E1E1 #D4D4D4 #D4D4D4; border-style:solid; border-width:1px 1px 2px; } /* -- mozilla 3.0 -- */ @-moz-document domain(apple.com) { #buynowstrip { border-top: 1px solid #e1e1e1; border-bottom: 2px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } } /* -- mozilla 3.5+ -- */ #buynowstrip:nth-child(1n) { border: none; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } /* -- IE -- */ #buynowstrip { *border-top: 1px solid #e1e1e1; *border-bottom: 2px solid #d4d4d4; *border-left: 1px solid #d4d4d4; *border-right: 1px solid #d4d4d4; *outline: 1px solid #e9e9e9; *padding-right: 15px; *width: 945px; } #buynowstrip img.flushleft { *margin-left: -9px; } #buynowstrip #comparison a span { *background-position: 100% 90%; } #buynowstrip #links { *position:absolute; *bottom: 0; *right: 0; *width: 629px; *z-index: 3; } /* -- buy now strip -- */ #buystrip { background: #fff url(../../../global/elements/buystripmodule/bg.gif) repeat-x 0 100%; height: 13em; /*height: 155px; */ margin: 18px auto; padding: 15px 20px 0; position: relative; width: 940px; } #buystrip { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } #buystrip .column { border-left: none; border-right: 1px solid #e9e9e9; height: 65%; /*height: 100px; */ margin-left: 10px; width: 225px; padding-bottom: 10px; padding-left: 9px; padding-top: 5px; } #buystrip .column img { position: relative; left: 0; } #buystrip .column p { margin-bottom: 0; } #buystrip .column .icon { float: left; margin-right: 9px; padding-bottom: 100px; _padding-bottom: 10px; } #buystrip p { font-size: 11px; margin-left: 40px; width: 154px; } #buystrip a.more { font-size: 11px; } #buystrip img { clear: right; margin-bottom: 5px; } #buystrip h3 { font-size: 1.2em; margin: 0; } #buystrip h3 span { color: #666; display: block; font-size: 11px; } #buystrip h4 { color: #999; font-size: 12px; font-weight: normal; margin-bottom: 10px; } #buystrip h3, #buystrip p { padding: 0; } #buystrip .column.first { height: 140px; margin-top: -15px; padding-top: 20px; padding-left: 0; position: relative; _height: 100px; } #buystrip .column.first p { margin: -2px 0 0 12px; width: 90px; } #buystrip .column.first p a { background-image: url(../../../global/elements/arrows/morearrow_333.gif); background-position: 71px 19px; color: #252525; float: left; font-size: 13px; line-height: 14px; margin: -28px 0 0 105px; text-align: left; *margin: 0 0 0 5px; } #buystrip .column.first p a:hover { background-image: url(../../../global/elements/arrows/morearrow_08c.gif); color: #08c; text-decoration: none; } #buystrip .column.last { margin-right: -20px; _margin-right: -1px; } #buystrip .column.last { border: none; } #buystrip img.flushleft { margin-left: -20px; margin-bottom: -7px; _left: 30px; } #buystrip #links { background: #f6f6f6 url(../../../global/elements/buystripmodule/bg-bottom.gif) repeat-x 0 0; border-top: 1px solid #e9e9e9; line-height: 2.5; margin-bottom: 0; margin-left: 0; padding-right: 104px; position: absolute; right: 0; bottom: 0; text-align: right; width: 629px; } #buystrip #links { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } #buystrip #links a.more { margin-right: 40px; } #buystrip #comparison { border-top: 1px solid #e9e9e9; float: left; margin-top: 8px; margin-left: -10px; padding: 13px 0 0; width: 230px; } #buystrip #comparison .family { float: left; margin: -4px 10px 0 -10px; } #buystrip #comparison a { display: block; font-size: 13px; line-height: 14px; } #buystrip #comparison a:hover { text-decoration: none; cursor: pointer; } #buystrip #comparison a span { background: url(../../../global/elements/arrows/morearrow_333.gif) no-repeat 100% 70%; color: #252525; padding-right: 8px; position: relative; text-decoration: none; zoom: 1; } #buystrip #comparison a:hover span { background-image: url(../../../global/elements/arrows/morearrow_08c.gif); color: #08c; } /* -- mozilla 3.0 -- */ @-moz-document domain(apple.com) { #buystrip { border-top: 1px solid #e1e1e1; border-bottom: 2px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } } /* -- mozilla 3.5+ -- */ #buystrip:nth-child(1n) { border: none; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } /* -- IE -- */ #buystrip { *border-top: 1px solid #e1e1e1; *border-bottom: 2px solid #d4d4d4; *border-left: 1px solid #d4d4d4; *border-right: 1px solid #d4d4d4; *outline: 1px solid #e9e9e9; *padding-right: 15px; *width: 945px; } #buystrip img.flushleft { *margin-left: -9px; } #buystrip #comparison a span { *background-position: 100% 90%; } #buystrip #links { *position: absolute; *bottom: 0; *right: 0; *width: 629px; *z-index: 3; } /*-----buystrip.css-----*/ /*-----end-----*/ /*-----start-----*/ /*-----mac.css-----*/ @import url(../../../global/styles/blackout.css); html { background-color: #f2f2f2; } /* productheader */ #productheader h2 a { text-indent: 0; width: 100px; } #productheader li a { text-shadow: #fff 1px 1px 0; } #overview #pn-overview a, #design #pn-design a, #features #pn-features a, #performance #pn-performance a, #whymac #pn-whymac a, #environment #pn-environment a, #specs #pn-specs a { color: #999 !important; cursor: default; } #content { width:auto; padding:0; } .content, .content#main { position: relative; margin: 0 auto; width: 880px; padding: 0 50px 36px; } .content .grid2col .column { width: 415px; } .content a.wrap, .content a.wrap em { font-style: normal; text-decoration: none; } .content a em.more { font-style: normal; text-decoration: none; color: #08c; white-space: nowrap; padding-right: 10px; background: url(../../../global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; cursor: pointer; } .content a.wrap:hover em, .content a:hover em.more { text-decoration: underline; } .content .relative { position: relative; } #buystrip { height: 14em; } #buystrip .column.first { height: 153px; } #buystrip .column.first p { margin: 0; width: 140px; font-size: 12px; word-spacing: -2px; color: #666; position: relative; } #buystrip img.right { position: absolute; left: 115px; margin: -15px 0 0; } /* content ----------------------------- */ /* images */ #main img.flushtop, #main img.flushleft, #main img.flushbottom, #main img.flushright { position:relative; _zoom:1; } #main img.flushtop { margin-top:-4.5em; } #main img.flushleft { margin-left:-50px; } #main img.flushright { margin-right:-50px; } #main img.center { display:block; margin-left:auto; margin-right:auto; } #main img.inline { margin-top:12px; } #main img.reflection { margin-bottom:0; } #main img.small { margin-bottom:5px; } #main img.left.small { margin-right:10px; } #main img.right.small { margin-left:10px; } #main img.last { margin-bottom:0; width:auto !important; float:none !important; } #main img.lastright { margin-bottom:0; width:auto !important; float:right !important; } #main img.lastleft { margin-bottom:0; width:auto !important; float:left !important; } .content h1, .content h2, .content p.intro, .content a.more.play { font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } .content a.more.play, .content p.intro { font-size: 18px; line-height: 22px; } .content h2 { font-size: 24px; margin-bottom:0; } .content h3 { font-size: 1em; font-weight: 600; line-height: 18px; margin-bottom: 2px; } .content .back-to-top { float: right; margin-top: 11px; padding-right: 12px; _margin-right: 0px; background: url(../../../global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; } .content a.more.play { background:url(../../../imac/images/morearrow_large_20091020.gif) no-repeat 100% 20%; *background-position:100% 70%; padding-right:21px; } .content div.enlarge { background: url(../../../global/elements/buttons/icon-enlarge.png) no-repeat 0 0; height: 24px; position: absolute; top: -10px; left: -10px; width: 24px; behavior:url(../../../global/scripts/lib/ie7pngfix.htc); } .content .shadow { -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; *border:1px solid #e4e4e4; } .content .endState { background:none; } .content .vr .controllerPanel { display:none; } .content .did-you-know { padding-bottom: 5px; margin-top: 30px; border: 1px solid #e4e4e4; background-color: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), color-stop(1, #ffffff)); -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 1px; } .content .did-you-know h3 { border-top: 1px solid #fafafa; padding: 19px 20px 0 70px; height: 33px; background: url(../../../imac/images/didyouknow_20091020.png) no-repeat 20px 12px; _background-image: url(../../../imac/images/didyouknow_20091020.gif); } .content .did-you-know p { padding: 0 20px; font-size: 11px; } /* sosumi */ .sosumi { width:940px; margin:0 auto; margin-bottom:10px !important; padding:18px 20px 0; } ol.sosumi { margin-left:auto; padding-left:0; *padding-left:3px; } .sosumi a { color:#333; } .sosumi li { line-height:14px; padding-bottom:5px; margin-bottom:0; } ol.sosumi li { margin-left:2em; } .sosumi ul, .sosumi ol, .sosumi p { margin-bottom: 0; } /* site-specific buy now promo footer */ #promofooter #promos li.buy { width:232px; padding-left:12px; } #promofooter #promos li.buy h4 { font-size:15px; font-weight:normal; padding-top:12px; } #promofooter #promos li.buy h4 span { color:#525252; } #promofooter #promos li.buy h5 { font-size:12px; } #promofooter #promos li.buy ul { margin-top:7px; padding:0; } #promofooter #promos li.buy ul li.pad { margin-bottom:10px; } /* image galleries */ .content .image-gallery { position:relative; padding-bottom: 50px; } .content .image-gallery h3 { font-weight:normal; } .content .image-gallery ul li { width:78px; height:55px; float:left; margin-right:12px; position:relative; text-align: center; } .content .image-gallery ul li.last { margin-right: 0 !important; width: 78px !important; } .content .image-gallery ul li a { display:block; text-decoration:none; cursor:pointer; } .content .image-gallery ul li a:hover { text-decoration:none; } .content .image-gallery ul li a span { position:absolute; top:62px; left:0; font-size:11px; line-height:13px; color:#000; text-decoration:none; width:100%; } .content .image-gallery ul li a:hover span { color:#0088cc; } .content .image-gallery ul li a img { position:absolute; top:0; left:0; z-index:0; } .content .image-gallery ul li a div { width:78px; height:55px; position:absolute; top:0; left:0; z-index:1; background:url(../../../macbook/images/image_thumbnail_mask_20091020.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/macbook/images/image_thumbnail_mask_ie_20091020.png",sizingMethod="image"); } .content .image-gallery ul li a.active div { background-position: 0 -55px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/macbook/images/image_thumbnail_mask_ie_active_20091020.png",sizingMethod="image"); } .content .image-gallery ul li a.active { cursor:default; } .content .image-gallery ul li a.active span { color:#888; } .content .image-gallery .imagecontent .swapview-content { position: absolute; } .content .image-gallery p.gallery { float:left; width:50px; margin:25px 7px 0 0; font-size:11px; line-height:13px; color:#888; text-align:right; } .content .image-gallery p.caption { margin-top:5px; width:571px; text-align:center; line-height:16px; } /* inline galleries */ .gallery { margin:0 -50px; } .gallery .gallery-view { position:relative; } .gallery .gallery-content { position:absolute; left:0; top:0; } .gallery .gallery-view a.close { position:absolute; display:block; left:0; top:0; padding-left:16px; text-transform:lowercase; text-decoration:none; color:#888; z-index:1; background:url(../../../global/elements/buttons/close.png) no-repeat 0 0; } .gallery .gallery-view a.close:hover { color:#08c; background-position:0 -50px; } .gallery .gallery-content .media { position:relative; margin:0 auto; } .gallery .gallery-content .media, .gallery .gallery-content .moviePanel, .gallery .gallery-content .endState { width:848px; height:480px; } /* gallery triggers */ .gallery .gallery-triggers { position:relative; height:42px; overflow:hidden; background:url(../../../imac/images/gallery_triggerbg20091020.png) no-repeat; } .gallery .gallery-triggers ul { display:inline; display:inline-block; *display:inline; } .gallery .gallery-triggers h4, .gallery .gallery-triggers ul li, .gallery .gallery-triggers ul li a, .gallery .gallery-triggers ul li a div { display:-moz-inline-stack; display:inline-block; *display:inline; } .gallery .gallery-triggers ul.nudge { width:61px; background:none; border-left:1px solid #fff; padding-right:0px !important; } .gallery .gallery-triggers ul.nudge a.active { background:none !important; } .gallery .gallery-triggers h4.nudge { padding-left:101px; } .gallery .gallery-triggers h4 { position:relative; top:-15px; padding-right:10px; text-align:right; font-weight:normal; color:#5f5e62; } .gallery .gallery-triggers ul { padding-right:1px; height:42px; border-left:1px solid #ddd; background:url(../../../imac/images/gallery_triggerbg_bar_last20091020.png) no-repeat 100% 0; } .gallery .gallery-triggers ul li a { position:relative; width:61px; height:42px; outline:none; cursor:pointer; background:url(../../../imac/images/gallery_triggerbg_bar20091020.png) no-repeat 0 0; zoom:1; } .gallery .gallery-triggers ul li a b { position:absolute; width:61px; height:7px; *left:0; z-index:5; background:url(../../../imac/images/gallery_trigger20091020.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/imac/images/gallery_trigger20091020.png",sizingMethod="image"); } .gallery .gallery-triggers ul li a div { width:61px; height:42px; left:0; } @-moz-document url-prefix() { .gallery .gallery-triggers ul li a div { position:relative; } } .gallery .gallery-triggers ul li a div img { behavior:url(../../../global/scripts/lib/ie7pngfix.htc); } .gallery .gallery-triggers ul li a:hover { background:url(../../../imac/images/gallery_triggerbg_hover20091020.png) no-repeat 0 0; } .gallery .gallery-triggers ul li a:hover div { opacity:.8; -moz-opacity:.8; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); } .gallery .gallery-triggers ul li a.active { margin:0 -1px; padding:0 1px; cursor:default; background:url(../../../imac/images/gallery_triggerbg_active20091020.png) no-repeat 0 0 !important; } .gallery .gallery-triggers ul li a.active b { background:url(../../../imac/images/gallery_trigger_active20091020.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/magicmouse/images/gallery_trigger_active20091020.png",sizingMethod="image"); } /*.gallery .gallery-triggers ul li a.active div { opacity:.5; -moz-opacity:.5; -ms-filter:"alpha(opacity=50)" !important; filter:alpha(opacity=50) !important; }*/ /* 360 no quicktime */ .moviePanel a.quicktime-download.size880x469 { width: 848px; height: 480px; background: transparent url(../../../global/elements/quicktime/download_quicktime_848x480.jpg) center top no-repeat; } /* page specific ----------------------------- */ /* index */#overview .download { width:980px; height:178; margin:0 auto 12px; padding:0; } #overview .gallery { width:980px; height:435px; margin:0 auto 12px; padding:0; } #overview .gallery .gallery-triggers { background:url(images/R4ISDHC-classic.jpg) no-repeat;width:980px; height:42px;} #overview .gallery .gallery-triggers ul { padding-right:5px; *padding-right:0; } #overview .gallery .gallery-triggers ul li { margin-right:-4px; *margin-right:0; } #overview .gallery .gallery-view, #overview .gallery .gallery-view .gallery-content { width:980px; height:435px; } #overview .gallery .gallery-view .gallery-content img { position:absolute; top:0; left:0; } #overview .gallery .gallery-view .gallery-content.hero1 { padding:100px 586px 0 85px; width:309px; height:339px; } #overview .gallery .gallery-view .gallery-content.hero1 img { top:-14px; } #overview .gallery .gallery-view .gallery-content.hero1 h1 { position:relative; color:#999; font-size:24px; } #overview .gallery .gallery-view .gallery-content.hero1 h1 img { position:static; margin-left:-1px; } #overview .gallery .gallery-view .gallery-content.hero1 p.intro { position:relative; margin-bottom:31px; font-size:24px; line-height:1.2; font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#000; } #overview .gallery .gallery-view .gallery-content.hero1 p.caption { position:absolute; right:10px; bottom:-22px; _bottom:0; margin:0; width:120px; text-align:right; font-size:9px; color:#cdcdcd; line-height: 11px; } #overview .gallery .gallery-view .gallery-content.hero1 p.caption i a { color:#cdcdcd; } #overview .gallery .gallery-view .gallery-content.hero1 img.shadow { top:0; position:relative; padding:4px; } #overview .gallery .gallery-view .gallery-content.hero1 a.video { padding-left:5px; position:relative; } #overview .gallery_2 { width:980px; height:190px; margin:0 auto 12px; padding:0; } #overview .gallery_2 .gallery_2-view, #overview .gallery_2 .gallery_2-view .gallery_2-content_2 { width:980px; height:190px; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2 img { position:absolute; top:0; left:0; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 { padding:100px 586px 0 85px; width:309px; height:190px; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 img { top:-14px; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 h1 { position:relative; color:#999; font-size:24px; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 h1 img { position:static; margin-left:-1px; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 p.intro { position:relative; margin-bottom:31px; font-size:24px; line-height:1.2; font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#000; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 p.caption { position:absolute; right:10px; bottom:-22px; _bottom:0; margin:0; width:120px; text-align:right; font-size:9px; color:#cdcdcd; line-height: 11px; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 p.caption i a { color:#cdcdcd; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 img.shadow { top:0; position:relative; padding:4px; } #overview .gallery_2 .gallery_2-view .gallery_2-content_2.hero1 a.video { padding-left:5px; position:relative; } #overview .gallery .gallery-view .media { padding-top:54px; } #overview .gallery .gallery-view .media, #overview .gallery .gallery-view .moviePanel, #overview .gallery .gallery-view .endState { width:640px; height:360px; } #overview .gallery .gallery-view .close { top: 7px; left: 10px; } #overview .gallery .gallery-view .vr, #overview .gallery .gallery-view .vr .moviePanel { width:980px; height:468px; padding:0; } #overview .gallery .gallery-view .vr .moviePanel a.quicktime-download { width: 880px; height: 468px; background: transparent url(../../../global/elements/quicktime/download_quicktime_640x360.jpg) 50% 54px no-repeat; } #overview #featurettes { padding: 0; width: 980px; zoom: 1; margin:40px auto 0px;} #overview #featurettes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #overview #featurettes li { float:left; width: 245px; } #overview #featurettes li a { background: url(../../../imac/images/index_featurette_gradient_20091020.png) no-repeat 0 100%; display:block; position:relative; padding:25px 20px 130px; height:135px; border-left:1px solid #e5e5e5; text-decoration:none; color:#252525; } #overview #featurettes li a.roundedleft { border-left: none; } #overview #featurettes li h3 { font-size: 16px; line-height: 18px; color: #000; font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; } #overview #featurettes li p { margin:0; } #overview #featurettes li img { display:block; position: absolute; bottom: 0; left: 0; } #overview #featurettes li a:hover { background: url(../../../imac/images/index_featurette_hover_20091020.png) repeat-x; } #overview #product_feature {height:300px;padding: 0;zoom: 1; width: 980px; margin:40px auto 0px;} #overview #product_feature:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #overview #product_feature li { text-align:left;float:left; height:300px;width: 244px; border-left:1px solid #DADBDE;} #overview #product_feature li h3 { font-size: 1.3em; padding:0 20px; line-height:1.4;margin-bottom:0.3em;} #overview #product_feature li p { margin-bottom:0;margin-top:0;padding:0 20px;text-align:left;height:120px } #overview #product_feature li img {margin-left:11px;} #overview #buystrip #links { padding: 0 0 0 40px; width: 693px; text-align: center; } /* design */ #design #main { padding-bottom:50px; } #design h2 { line-height:29px; margin-bottom:18px; } #design #hero .gallery-triggers { padding-left:301px; } #design #main .gallery .gallery-content a.close { left:66px; } #design #main .gallery #gallery-hero, #design #main .gallery #gallery-hero .gallery-content { width:980px; height:589px; } #design #main .gallery #gallery-hero img { position:absolute; left:0; top:0; } #design #main .gallery #gallery-hero .gallery-content img { top:auto; bottom:0; } #design #main .gallery #gallery-hero h1 { width:666px; height:46px; padding-top:40px; margin:0 auto; } #design #main .gallery #gallery-hero h1 img { position:static; } #design #main .gallery #gallery-hero p { text-align:center; margin:0 auto 16px; } #design #main .gallery #gallery-hero .media { padding-top:54px; } #design #main .gallery #gallery-hero a.close { top:26px; } #design #main .imac { position:relative; padding-top:60px; margin-bottom:36px; } #design #main .imac p.adjust1 { width:367px; *width:353px; } #design #main .imac p.adjust2 { width:245px; } #design #main .imac p.adjust2 img { margin-top:-16px; margin-right:15px; margin-bottom:5px; } #design #main .imac p.adjust3 { width:230px; } #design #main .imac .column.first img.left { margin:20px 25px 25px -23px; position:relative; } #design #main .imac .column.last img.across { margin:18px 0 0; } #design #main .imac img.background { margin-top:-650px; } #design #main .imac .grid2col .column.first { width:610px; _width:600px; } #design #main .imac .grid2col .column.last { width:267px; } #design #main .imac .grid2col .column.last h2 { margin-bottom:5px; } #design #main .detail { border-bottom:1px solid #f4f4f4; padding-bottom:36px; margin-bottom:36px; } #design #main .detail .grid3col { width:870px; margin-top:30px; } #design #main .detail .grid3col .column { width:250px; margin-left:60px; } #design #main .gallery #gallery-mouse, #design #main .gallery #gallery-mouse .gallery-content { height:498px; } #design #main .gallery #gallery-mouse .gallery-content { width:880px; padding:0 50px; } #design #main .gallery #gallery-mouse img { position:absolute; margin:0 50px; } #design #main .gallery #gallery-mouse .gallery-content img { top:auto; bottom:0; } #design #main .gallery #gallery-mouse h2 { margin-bottom:36px; } #design #main .gallery #gallery-mouse p { *position:relative; } #design #main .gallery #gallery-mouse img.right { position:static !important; margin-left:-212px; margin-right:-50px; } #design #main .gallery #gallery-mouse p.caption { position: absolute; top: 390px; right: 15px; width: 240px; text-align: right; } #design #main .gallery #gallery-mouse a.close { top:-26px; } #design #main .environment { margin-top:50px; padding:0 100px; } #design #main .environment h2 { padding-top:25px; margin-bottom:36px; } .gallery-producthead {width:980px; height:500px;} .gallery-producthead img {top:1px; left:0;} .gallery-producthead.hero1 img { top:-14px;} /* features */ #features p.double { margin-bottom:36px; } #features .section { margin-top:36px; border-top:1px solid #e5e5e5; padding-top:28px; } #features a.back-to-top { margin-top:0; } #features #hero { text-align:center; } #features #hero h1 { margin-top:25px; margin-bottom:8px; line-height:0; } #features #hero p.intro { margin:0 auto 36px; width: 685px; } #features #hero a.more { background:url(../../../imac/images/morearrow_large_20091020.gif) no-repeat 100% 20%; padding-right:21px; } #features #hero .gallery-view, #features #hero .gallery-content { width:980px; height:550px; } #features #main .gallery-content .media { padding-top:36px; } #features #main .gallery-content a.close { left:66px; top:10px; } #features #hero .grid5col { text-align:left; margin-bottom:36px; } #features #hero .grid5col a { display:block; } #features #hero .grid5col a:hover { text-decoration:none; } #features #hero .grid5col a:hover h4 { color:#08c; } #features #hero .grid5col p { color:#333; } #features #hero .grid5col .column { width:150px; padding-right:15px; margin-left:20px; background:url(../../../imac/images/features_nav_20091020.png) no-repeat 100% 0; } #features #hero .grid5col .column.last { width:140px; padding-right:0; background:none; } #features #displays { padding-top:16px; } #features #displays h2 { margin-bottom:29px; } #features #displays img.across { margin:0 0 25px -25px; position:relative; } #features #displays .column { width:263px; margin-left:43px; } #features #displays .column.last img { margin:0 -5px 0 5px; } #features #fast h2 { margin-bottom: 35px; margin-right:80px; } #features #fast h2, #features #fast p { position: relative; z-index: 2; } #features #fast img.graphics { margin-top:-10px; } #features #fast .column.first { width: 430px; } #features #fast img.flushright { margin-top:-630px; } #features #fast table { margin-top: 9px; font-size: 90%; color: #666; } #features #fast table td { } #features #fast table h3 { margin: 10px 13px 8px 0; line-height: 16px; } #features #fast table p { margin:10px 13px 10px 13px; } #features #fast table h3.graphics { margin-left:0 !important; } #features #fast table h3.grey { color:#555; font-weight:normal; } #features #fast table h3.sizes { font-weight:normal; font-size:15px; margin-left:13px; } #features #fast table tr.border td { border-bottom:1px solid #d7d7d7; } #features #fast table td.border { border-right:1px solid #d7d7d7; } #features #fast table tr.end p { margin-right: 0; } #features #memory h3.padtop { padding-top:115px; } #features #memory img.flushleft { margin-right:38px; } #features #memory img.right { margin-left:3px; } #features #mouse .gallery-view, #features #mouse .gallery-content { width:980px; height:675px; margin:0 auto; } #features #mouse .gallery-content { width:880px; padding:0 50px; } #features #mouse { clear:both; } #features #mouse img.flushleft { margin-bottom:24px; } #features #mouse img.flushright { margin-top:10px; } #features #mouse .vid { float:right; width:212px; margin-left:20px; } #features #mouse .vid img { padding:10px; margin-bottom:10px; } #features #mouse .vid p { font-size:11px; } #features #mouse .grid2col .column.first { width:583px; margin-top:22px; } #features #mouse .grid2col .column.last { margin-top:8px; width:260px; *width:280px; } #features #mouse .grid2col .column.last h3, #features #mouse .grid2col .column.last p { *padding-left:22px; } #features #mouse .grid5col { clear:both; margin-top:36px; } #features #mouse .grid5col .column { width:143px; margin-left:45px; } #features #mouse .grid5col .column.last { width:135px; } #features #mouse .grid5col p { font-size:11px; color:#666; margin-bottom:5px; } #features #mouse img.gestures { margin:0 -50px; } #features #isight { margin-top:5px; border:none; } #features #isight h2 { margin-bottom:40px; } #features #isight h3 { margin-top:125px; } #features #isight img.right { margin-top:62px; } #features #isight img.left { margin-right:43px; } #features #ports { clear:both; position:relative; } #features #ports h2 { line-height:30px; margin-bottom:36px; margin-top:15px; } #features #ports h2 span { display: block; } #features #ports h3, #features #ports p { position: relative; } #features #ports p.adjust { width:195px; } #features #ports img.flushright { margin-top:-29px; margin-bottom:-150px; } #features #ports.grid2col p { position:relative; } #features #ports.grid2col .column.first { width:261px; } #features #ports.grid2col .column.last { width:580px; } #features #ports.grid2col .grid2col .column { width:261px; } #features #ports .snow { margin:24px 0 0 -30px; padding:20px 0 5px 30px; background:#fcfcfc url(../../../imac/images/features_ports_snowbg_20091020.gif) repeat-x bottom left; *padding-bottom:25px; _margin-left:0; _padding-left:15px; } #features #ports .snow h2 { margin:0 0 12px;} #features #ports .snow p { width:260px; color:#666; } #features #ports .snow img { margin-top:-21px; position:relative; } #features #ports ul.tips { position:absolute; top:241px; right:32px; color:#656565; font-size:11px; word-spacing:-1px; } #features #ports ul.tips li { float:left; } #features #ports ul.tips li.tip1 { margin-right:15px; } #features #ports ul.tips li.tip2 { margin-right:30px; } #features #ports ul.tips li.tip3 { margin-right:10px; } #features #ports ul.tips li.tip4 { margin-right:-20px; } #features #ports ul.tips li.tip5 { margin:30px -25px 0 0; } #features #ports ul.tips li.tip6 { margin:5px 25px 0 0; } /* whymac */ /* whymac */ #whymac .content#main { padding-bottom: 45px; } #whymac #hero { margin:0 -50px; } #whymac #hero img.hero { margin:0 auto -10px; display:block; } #whymac #hero h1 { text-align: center; margin-bottom: -10px; *margin-bottom:3px; } #whymac #hero p.intro { width: 780px; margin:0 auto 12px; text-align: center; } #whymac #hero .grid6col { width:880px; padding: 20px 50px; } #whymac #hero .grid6col .column { margin-left:2.2%; width:15%; } #whymac #hero .grid6col a { color: #000; text-decoration: none; } #whymac #hero .grid6col a:hover h4 { color: #08c; } #whymac #hero .grid6col p { font-size: 11px; } #whymac .section { margin-top:36px; *margin-top:18px; border-top:1px solid #e5e5e5; } #whymac .section .back-to-top { margin-top: 26px; } #whymac .section h2 { padding-top:24px; } #whymac .section p.intro { width: 640px; } #whymac #tasks { margin:0 -50px; padding:0 50px; background:url(../../../imac/images/whymac_section_bg_20091020.gif) no-repeat 0 0; } #whymac #tasks.section { border:none; } #whymac #tasks .column.first { width: 292px; } #whymac #tasks .image-gallery { width:609px; margin-right:-50px; _margin-right:-25px; padding-bottom:35px; background: url(../../../imac/images/whymac_hardware_right_20091020.png) no-repeat; position: relative; behavior:url(../../../sg/global/scripts/lib/ie7pngfix.htc); } #whymac #tasks .image-gallery .imagecontent { height:561px; } #whymac #tasks .image-gallery .imagecontent .screen { margin: 21px 0 190px 22px; } #whymac #tasks .image-gallery p.gallery { margin-left: 10px; } #whymac #media .column.last { width: 283px; } #whymac #media .image-gallery .imagecontent { height:525px; } #whymac #media .image-gallery { width: 571px; margin-left:-10px !important; background: url(../../../imac/images/whymac_hardware_left_20091020.jpg) no-repeat; } #whymac #media .image-gallery .imagecontent .screen { margin: 21px 0 157px 22px; } #whymac #media .image-gallery p.gallery { padding-left: 10px; } #whymac #security .column.first { width: 290px; } #whymac #security .column.last { width: 557px; } #whymac #tech .column.last { width: 286px; } #whymac #tech .image-gallery .imagecontent { height:525px; } #whymac #tech .image-gallery { width: 571px; margin-left:-10px !important; background: url(../../../imac/images/whymac_hardware_left_20091020.jpg) no-repeat; } #whymac #tech .image-gallery .imagecontent .screen { margin: 21px 0 157px 22px; } #whymac #tech .image-gallery .imagecontent .processing { margin-bottom:-22px; } #whymac #tech .image-gallery p.gallery { padding-left: 145px; } /* original for 4 icons is 54px */ #whymac #tech p.intro { width:720px; } #whymac #tech #MASKED-tech-mouse .media { position: absolute; left: 10px; top: 75px; } /*#whymac #tech .image-gallery .imagecontent .screen { margin: 21px 0 157px 22px; }*/ #whymac .section.grid3col p.intro { width:550px; margin-bottom: 30px; } #whymac .section.grid3col .column { width: 280px; } #whymac .section.grid3col .column.first { width: 260px; } #whymac .section.grid3col .column.last { width: 250px; } #whymac .section.grid3col .column.first { margin-right: 30px; } #whymac #environment .column.last { margin-right: -20px; position: relative; } #whymac #environment .did-you-know { margin-right: 20px; margin-left: 3px; } #whymac #support .did-you-know { width:445px; } #whymac p.sosumi { padding:0; } #whymac .controllerPanel { display:none; } #whymac .image-gallery .imagecontent .moviePanel { height: 297px; width: 528px; } #whymac .image-gallery .moviePanel a.quicktime-download { width: 528px; height: 272px; background: transparent url(../../../global/elements/quicktime/download_quicktime_640x360.jpg) -56px -31px no-repeat; overflow: hidden; } /* environment */ #environment #main #hero { margin: 0 -50px 27px; position: relative; text-align: center; } #environment #main #hero h1 { margin:-30px 0 0; line-height: 1; } #environment #main #hero p.intro { font-size: 18px; line-height: 24px; margin-left: auto; margin-right: auto; width: 570px; } #environment #main #hero ul { margin-bottom: 0; } #environment #main #hero ul li { display: inline; margin-left: 12px; } #environment #main #hero ul li:first-child { margin-left: 0; } #environment .grid3col { padding-top: 36px; } #environment .grid3col .column { width: 350px; margin-left: 18px; } #environment .grid3col .column.first { width: 230px; } #environment .grid3col .column.last { width: 246px; } #environment .grid3col .column.last .flushright { margin-left: -15px; } #environment .report { background: #faf8ed url(../../../imac/images/environment_report_top_20091020.jpg) no-repeat 0 0; padding: 0 15px 15px; position: relative; color:#333; } #environment .report h3 { padding-top: 15px; } #environment .report ul { } #environment .report ul li { padding-left: 33px; font-size: 16px; line-height: 1.3125em; margin-bottom: .75em; font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; /*color: #0d004c;*/ background: url(../../../imac/images/environment_status_bullet_20091020.png) no-repeat 0 2px; } #environment .report .bottom { display: block; position: absolute; left: 0; bottom: 0; } #environment .content h2, #environment .content p.intro, #environment .content h3 { line-height: 18px; margin-bottom: 18px; } #environment .content h2 { margin-bottom: 7px; font-size: 20px; line-height: 20px; } #environment .content h3 { font-size: 12px; margin-bottom: 2px; } #environment .content .column p.intro { font-size: 14px; } #environment .content h2, #environment .content p.intro { font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; } #environment .content h3 { margin-bottom: 2px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; } #environment .banner { width: 805px; padding: 27px 95px 18px 25px; position: relative; background: #fdfaf0; } #environment .banner .column.first { width: 220px; } #environment .banner .column.last { width: 557px; } #environment .banner h3 { color: #7ca701; } #environment .banner, #environment .bannershadow { margin: 0 -25px; } #environment .bannershadow { width: 930px; height: 10px; background: url(../../../imac/images/environment_banner_shadow_20091020.jpg) no-repeat 50% 0; } #environment .bannershadow hr { display: none; } #environment .epeat .column.last img { margin-right:-46px; position:relative; } #environment .efficient .column.last img { margin-bottom:5px; } /* performance */ #performance .content { padding-top: 40px; } #performance h1 { margin-bottom: -10px; *margin-bottom: 0; text-align: center; } #performance p.intro { width: 575px; margin: 0 auto 1em; text-align: center; } #performance img.hero { margin-bottom: -15px; } #performance .grid2col { position: relative; } #performance .quad-core img.right { margin: 0 0 -10px 10px; } #performance .chart { height:251px; *height:253px; padding:0 16px 15px; _padding-bottom:0; margin:30px 0 36px; border-bottom:1px solid #d6d6d6; color:#666; font-size:13px; background:url(../../../imac/images/performance_chart_bg_20091020.gif) repeat-y top left; background:url(../../../imac/images/performance_chart_bg_20091020.gif) repeat-y top left, -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), color-stop(1, #ffffff)); *background:url(../../../imac/images/performance_chart_bg_20091020.gif) repeat-y top left; } #performancebac091021 .chart { height:251px; *height:253px; padding:0 16px 15px; _padding-bottom:0; margin:30px 0 36px; border-bottom:1px solid #d6d6d6; color:#666; font-size:13px; background:url(../../../imac/images/performance_chart_bg_20091020.gif) repeat-y top left, -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), color-stop(1, #ffffff)); *background:url(../../../imac/images/performance_chart_bg_20091020.gif) repeat-y top left; } #performance .chart h3 { font-size:18px; font-weight:normal; } #performance .chart h4 { font-size:12px; word-spacing:-1px; } #performance .chart p.subhead { margin:0 -15px 12px; padding:0 15px 15px; background:url(../../../imac/images/performance_chart_shadow_20091020.png) no-repeat left bottom; _background:url(../../../imac/images/performance_chart_shadow_20091020.gif) no-repeat left bottom; } #performance .chart p.tiny { margin-bottom:5px; font-size:9px; line-height:11px; color:#666; } #performance .chart p.sosumi { font-size:9px !important; color:#666; border-top:1px solid #e4e4e4; padding:7px 0 0px; width:auto;} #performance .chart table { margin:0 -15px; } #performance .chart tr { margin-bottom:2px; } #performance .chart tr.border { background:url(../../../imac/images/performance_chart_keyline_top_20091020.gif) repeat-x left top; margin-bottom:0; position:relative; } #performance .chart td.border { background:url(../../../imac/images/performance_chart_keyline_right_20091020.gif) repeat-y right top; } #performance .chart td.label { width:125px; margin:0; padding:14px 9px 10px 14px; font-size:11px; color:#000; } #performance .chart td.label p { padding-top:1px; } #performance .chart td span { background:url(../../../imac/images/performance_bar_green_20091020.png) repeat-x 0 0; padding:5px 10px 7px; color:#fff; } #performance .chart td span.special { background:url(../../../imac/images/performance_bar_green_20091020.png) repeat-x 0 0; padding:5px 8px 7px; color:#fff; margin-left:-4px;} #performance .column.first .chart h3 { padding:15px 0 2px 16px; margin:0 -16px; background: url(../../../imac/images/performance_chart_bg_top_20091020.gif) no-repeat top left; } #performance .column.last .chart h3 { padding:18px 0 2px 16px; margin:0 -16px; background:url(../../../imac/images/performance_chart_shadow_20091020.png) no-repeat left top; _background:url(../../../imac/images/performance_chart_shadow_20091020.gif) no-repeat left top; } #performance .column.last .chart { _height:266px; } #performance .chart .bar { height:28px; margin-left:-16px; margin-bottom:15px; color:#fff; position:relative; } #performance .chart .bar p { margin:0 !important; width:100px; padding-left:16px; padding-top:4px; color:#fff; } #performance .chart .bar span { float:right; text-align:right; display:block; height:23px; padding:5px 9px 0px 0px; margin-right:-9px; position:relative; } #performance .chart .bar.green { background:url(../../../imac/images/performance_bar_green_20091020.png) repeat-x 0 0; } #performance .chart .bar.green span { background:url(../../../imac/images/performance_bar_green_cap_20091020.png) no-repeat right bottom; _background:url(../../../imac/images/performance_bar_green_cap_20091020.gif) no-repeat right bottom; } #performance .chart .bar.blue { background:url(../../../imac/images/performance_bar_blue_20091020.png) repeat-x 0 0; } #performance .chart .bar.blue span { background:url(../../../imac/images/performance_bar_blue_cap_20091020.png) no-repeat right bottom; } #performance .chart .bar.gray { background:url(../../../imac/images/performance_bar_gray_20091020.png) repeat-x 0 0; } #performance .chart .bar.gray span { background:url(../../../imac/images/performance_bar_gray_cap_20091020.png) no-repeat right bottom; _background:url(../../../imac/images/performance_bar_gray_cap_20091020.gif) no-repeat right bottom; } #performance .chart .chart-content { position:absolute; display:none; } #performance .chart #chart-switch { clear:both; } #performance .chart #chart-switch .chart-content { display:inline; } #performance .chart .chart-triggers { height:24px; padding-top:11px; padding-left:66px; margin:0 -16px -2px; _margin-bottom:-10px; background: url(../../../imac/images/performance_chart_bg_top_20091020.gif) no-repeat top left; z-index:1; } #performance .chart .chart-triggers li { height:15px; float:left; padding:0 28px; } #performance .chart .chart-triggers li.last { border-left:1px solid #d9d9d9; padding-right:0; } #performance .chart .chart-triggers li a.active { padding-bottom:15px; color:#999; background:url(../../../imac/images/performance_chart_arrow_20091020.gif) no-repeat 50% 100%; position:relative; z-index:5; zoom:1; *background-position:50% 90%;*background-position:50% 100%; } #performance .chart .chart-triggers li a.active:hover { text-decoration:none; } #performance .faster h2 { line-height: 1.167em; margin-bottom: 1em; } #performance .faster .flushright { margin-left: -23px; } #performance .faster .column.first { padding: 80px 0 40px; } #performance .video-editing { margin-top: -139px; } #performance .video-editing .column.first .flushleft { margin-bottom: -38px; } #performance .video-editing .column.last { padding-top: 44px; *padding-top:180px; } /* specs */ #specs .content { padding: 25px 47px 35px; } #specs .content ul.square { margin-left:1.25em; } #specs .content h1 { font-size:18px; margin-left:-20px; margin-bottom:-16px; } #specs .content h3 { color: #000; margin-top:36px; border-top:1px solid #bcbcbc; font-size:16px; font-weight: normal; line-height:16px; padding-top:7px; padding-bottom: 10px; } #specs .content h3.electrical { margin-top:60px; } #specs .content h3 a.more { margin-left: 5px; font-size: 13px; font-weight: normal; } #specs .content h4 { color:#444; font-size:12px; line-height:16px; margin-bottom:8px; } #specs .content p, #specs .content ul, #specs .content dl { font-size:11px; line-height:16px; color:#000; margin-bottom:16px; } #specs .content ul, #specs .content dl { margin-bottom:16px; } #specs .content li, #specs .content li p { margin-bottom:8px; } #specs .content dl dt, #specs .content dl dd { margin-bottom:8px; } #specs .content dl dt { float:left; } #specs .content dl dd { margin-left:72px; } #specs .content dl dd span { color:#000; font-weight:bold; } #specs .content .column { width:260px; margin-left:55px; } #specs .content .grid2cola .column.first { width: 575px; } #specs .content .grid4col .column { width: 175px; margin-left: 50px; } #specs .content img.graphics { display: block; margin: 0 auto -10px; } #specs .content img.storage { margin: 0 -10px 0 0; } #specs .content p.configure { margin-top: 35px; } #specs .content .environmental { width:196px; height:267px; padding:98px 32px 15px; background:url(../../../imac/images/specs_environment_bg20090305.jpg) no-repeat 0 0; } #specs .content .environmental p { margin-bottom:1em; font-size:12px; line-height:1.5; } #specs .content .environmental ul { font-weight:bold; } #specs .content #specifications { padding-bottom:25px; } #specs .content #specifications li { margin-bottom:8px; *margin-bottom:5px; } #specs .content #specifications dl dt, #specs .content #specifications dl dd { margin-bottom:8px; } #specs .content #specifications dl dt { float:left; } #specs .content #specifications dl dd { margin-left:72px; } #specs .content #specifications dl dd span { color:#000; font-weight:bold; } #specs .content #specifications .column { width:260px; margin-left:55px; } #specs .content #specifications img#graphics_logos { margin-bottom:-15px; } #specs .content #specifications h3.padbottom { padding-bottom:24px; } #specs .content #specifications sup.black { color:#000; } #specs .content #datasheetwrap { padding:10px 1px 20px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; } #specs .content #datasheet th, #specs .content #datasheet td { width:20%; padding:10px; vertical-align:top; text-align:left; } #specs .content #datasheet th { padding-left:40px; font-weight:bold; color:#000; font-size:11px; } #specs .content #datasheet th span { font-weight:normal; display:block; } #specs .content #datasheet .images th { padding:8px 0; text-align:center; } #specs .content #datasheet .header th.divider { border-right:1px solid #f7f7f7; } #specs .content #datasheet .description { vertical-align:bottom; } #specs .content #datasheet .even { background:#f7f7f7; } #specs .content #datasheet .even .divider { border-right:1px solid #fff; } #specs .content #datasheet .odd { background:#fff; } #specs .content #datasheet .odd .divider { border-right:1px solid #f7f7f7; } #specs .content .inthebox { margin-top: 35px; } #specs .content .inthebox h2 { border-top: 1px solid #bcbcbc; margin-bottom:18px; padding-top: 7px; font-size: 17px; font-weight: 600; font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } #specs .content .inthebox h3 { border-top: none; margin-top:0; } #specs .content .inthebox h4 { margin-bottom: 0; } #specs .content .inthebox ul li { margin-bottom: 2px; } #specs .content .inthebox .adjust { margin-top:-18px; } #specs .content .inthebox img.ilife { margin:-7px 5px 0 10px; } #specs .content #options { padding-top:30px; clear:both; } #specs .content #options h2 { margin:0; } #specs .content #options img.across { margin-top:20px; margin-left:50px; } #specs .content #options .grid3col { margin-top:1.6em; } #specs .content #options .grid3col .column.first { width:340px; } #specs .content #options .grid3col .column.last { width:220px; } #specs .content #options #online_store { padding:10px 10px 0; } #specs #config_option_callout a { cursor:pointer; } #specs .content .config_link { margin-top: -18px; } #specs .content div.enlarge { _left:-30px; } #content #software_options_callout.rounded { background: #fefefe url(../../../imac/images/specs-optionsoverlay-bg.gif) repeat-x 0 0; clear: both; padding: 0; position: relative; } #content #software_options_callout a { color: #000; display: block; padding: 9px 0; text-align: center; } #content #software_options_callout a:hover { text-decoration: none; } #content #software_options_callout p { margin-bottom: 0; text-shadow: #fff 1px 0 1px; } #content .aside { background: #f0f0f0 url(../../../imac/images/specs-storecallout-bg-20090420.gif) repeat-x 0 0; padding-bottom: 10px; float: left; width: 190px; *border: 1px solid #e5e5e5; } #specs .content .aside { float: left; margin-bottom: 5px; } #content .aside p { clear: left; margin-bottom: 5px; } #content #online_store img.right { margin: 0 0 0 5px; } #specs #content .aside ul { margin: 0 0 0 2.2em !important; } #specs #content .aside ul li { margin-bottom: 0 !important; } .replaced { display: block; height: 10px; overflow: hidden; text-indent: -9999px; text-align: left; width: 10px; } #content div.enlarge { background: url(../../../global/elements/buttons/icon-enlarge.png) no-repeat 0 0; height: 24px; position: absolute; top: -10px; left: -10px; width: 24px; } #content .rounded { border-radius: 4px; padding: 15px 15px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; -ms-border-radius: 4px; } #content .shadow { -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; } #specs #content .aside.alt { border: 1px solid #e5e5e5; } /* video */ #video .content #moviecontainer .grid2col .column { font-size:12px; } /* buy now strip */ #buystrip { margin-bottom: 0; } #content #buystrip, #content #buystrip.rounded { background: #f4f4f4 url(../../../global/elements/buystripmodule/buystrip-main-bg.gif) repeat-x 0 0; margin: 0 -18px 18px; padding: 15px 15px 0; position: relative; width: 950px; } #content #buystrip .maincap.top { font-size: 1px; margin-left: -2px; position: absolute; top: 0; left: 0; width: 984px; } #content #buystrip .maincap.bottom { background: url(../../../global/elements/buystripmodule/buystrip-cap-bottom.png) no-repeat 0 100%; height: 8px; font-size: 1px; margin: 0 -2px; position: absolute; bottom: -8px; left: 0; width: 984px; *bottom: -4px; } #content #buystrip .buystrip_wrapper { background: url(../../../global/elements/buystripmodule/buystrip-container-bg.png) repeat-y; position: absolute; left: -2px; top: 5px; width: 984px; z-index: 0; zoom: 1; } #content #buystrip .grid4col { background: #fff url(../../../global/elements/buystripmodule/buystrip-bg.gif) repeat-x 0 100%; margin-left: -15px; margin-right: -15px; position: relative; width: 980px; z-index: 2; } #content #buystrip .column { border-left: 1px solid #e9e9e9; margin: 0 0 13px; min-height: 120px; padding: 5px 10px 0; width: 224px; } #content #buystrip .column.first { border: none; } #content #buystrip .more_options { margin: 0 -15px; font-size: 11px; padding: 9px 0; position: relative; text-align: center; z-index: 2; } #content #buystrip .more_options.alt { background: #f6f6f6; padding-bottom: 5px; _padding-bottom: 9px; } #content #buystrip .more_options .more:first-child { margin-right: 40px; } #content #buystrip h2 { background: url(../../../imac/images/buystrip-title-20090420.gif) no-repeat 0 0; height: 23px; margin: 15px 0 5px 0; width: 125px; } #content #buystrip h3 { font-size: 1em; } #content #buystrip h3 span { color: #666; display: block; font-size: 11px; } #content #buystrip .retail p, #content #buystrip .online_store p, #content #buystrip .phone p { line-height: 18px; margin-bottom: 0; *position: relative; } #content #buystrip .pricing img { float: left; margin-right: 15px; } #content #buystrip .pricing p { color: #999; font-size: 12px; margin: 0 0 0 20px; } #content #buystrip .retail .icon, #content #buystrip .online_store .icon, #content #buystrip .phone .icon { float: left; } #content #buystrip .retail h3, #content #buystrip .online_store h3, #content #buystrip .phone h3 { margin: 0 0 0 40px; } #content #buystrip .retail p, #content #buystrip .online_store p, #content #buystrip .phone p { font-size: 11px; margin: 0 0 0 40px; } /* mozilla 3.0 */ @-moz-document domain(apple.com) { #buystrip { border-top: 1px solid #e1e1e1; border-bottom: 2px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } } /* mozilla 3.5+ */ #buystrip:nth-child(1n) { border: none; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } /* print ----------------------------- */ @media print { body, #content { background:#fff; } #content .cap { display:none; } .grid2colc .column.first { display:none; } .grid2colc .column.last { width:100%; } .grid2colc .grid2col .column { width:47.8%; } .grid2colc .grid2col .column.first { display:block; } } /*-----mac-----*/ /*-----end-----*/ /*yanweiming begin for index*/ #index-content{ margin:0px auto 0; margin-top:35px!important; margin-top:-20px; padding:0; width:980px; } .compare-content{ margin:20px auto 0; padding:0; width:980px; } .r4-download-content{ margin:20px auto 0; padding:0; width:980px; } /*-----------*/ .index-product{ float:right; overflow:hidden; width:68%; word-break: break-all; word-wrap: break-word; } /*-----------*/ /*-----------*/ .index-sidebar{ float:right; overflow:hidden; width:32%; word-break: break-all; word-wrap: break-word; } /*-----------*/ .index-product-list{ -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; float:left; margin-bottom:10px; width:100%; } /*yanweiming begin for index*/ .product-content{ margin:43px auto 0; padding:0; width:980px; } /*-----------*/ .product-product{ float:right; overflow:hidden; width:100%; word-break: break-all; word-wrap: break-word; } /*-----------*/ /*-----------*/ .product-product-list{ -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; float:left; margin-bottom:10px; width:100%; } .download-product-list { background:#FFFFFF; border: 1px solid #CCCCCC; border-radius:7px; float:right; margin-bottom:20px; width: 98%; margin-left:10px;line-height:24px;padding-left:5px; min-height:100px; font-family:Arial, Helvetica, sans-serif; } .download-product-list .firmware{margin:-11px 0 0 10px;position:absolute;z-index: 9;} .download-product-list h2{margin:0;padding:0;font-size:14px;} .download-product-list p{color:#A0A0A0;font-weight:bold;margin-bottom:0;} .download-product-list .drop{background: url("images/drop.jpg") no-repeat scroll 0 0;float:right;font-size:12px;height:25px;margin:10px 20px 0 0;padding:1px 0 0 10px;width:184px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;} .download-product-list .down-bt{margin:35px 20px 10px;width:94%; overflow:hidden;} .download-product-list .down-bt ul{margin-top:10px;} .download-product-list .down-bt li{list-style:none;float:left;width:120px;} .index-product-item{ margin:10px 15px 0 25px; float:right; width:40%; } .index-sidebar-box{ -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; margin:0px 10px 10px 0px; } .index-title{ background:#AAA; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-bottom:1px solid #CCCCCC; color:#FFF; font-weight:bold; line-height:1.7em; margin:0; padding:5px; text-align: center; } .index-sidebar-box ul{ list-style-image:none; list-style-position:inside; list-style-type:square; margin:12px 10px 12px 20px; } .index-sidebar-box ul li.list{ border-bottom:1px #ccc dotted;font-weight:bold; font-family:Arial; } .index-sidebar-box ul li b.red {color:#F00;} /*------Yan Weiming--------*/ #post-container { float: left; margin: 0 -215px 15px 0; width: 100%; } #post-content { line-height:150%; width:70%; border-right:1px solid #fff; margin-left:10px; } .post-sidebar { float: right; width: 25%; font-size:13px; margin-bottom:15px; }} #post-container, .post-sidebar { margin-top:30px; } #post-content { font-size:14px; clear:both; } .post-sidebar { color:#3cf; } .post-sidebar p { margin-top:10px; line-height:135%; color:#777; } .post-sidebar h4 { font-size:17px; text-transform:uppercase; padding-bottom:4px; border-bottom:1px solid #ddd; border-top:1px solid #fff; } .post-sidebar ul li { list-style:none; } .post-sidebar ul ul { margin:10px 0; } .post-sidebar ul ul li { list-style:square; margin:0 0 0 1em; padding:2px 0; border-bottom:1px solid #eee; } /* .entry-title, #comments h3 { clear:both; margin:0 0 10px -150px; border-bottom:1px solid #ddd; padding-left:150px; font-size:18px; padding-bottom:3px; text-transform:uppercase; } */ .page-title { color:#ffc20e; margin-bottom:15px; font-size:16px; text-transform:uppercase; } .entry-info { margin-left:-150px; float:left; } .entry-info li { list-style:none; padding:2px 0; border-bottom:1px solid #ddd; width:140px; } a.more-link { text-decoration:none; color:#777; } a.more-link:hover { color:#f30; } .post { margin-bottom:20px; } /*yanweiming end for index*/ #SDHC05 { position:absolute; left:0px; width:15px; height:35px; background-image: url(images/R4-red-left.jpg); } #SDHC06 { position:absolute; left:15px; width:631px; height:35px; color:#FFFFFF; background-image: url(images/R4-red-repeat.jpg); } #SDHC08 { position:absolute; left:430px; width:201px; height:35px; line-height:31px; font-size:16px; font-weight:16px; text-align:center; background-image: url(images/R4-red-select.jpg); } #product_1_SDHC07 { position:absolute; left:0px; width:201px; height:35px; line-height:31px; font-size:16px; font-weight:16px; text-align:center; background-image: url(images/R4-red-select.jpg); } #product_1_SDHC08 { position:absolute; left:200px; width:201px; height:35px; line-height:31px; font-size:16px; font-weight:16px; text-align:center; background-image: url(images/R4-red-select.jpg); } #product_3_SDHC08 { position:absolute; left:775px; width:201px; height:35px; line-height:31px; font-size:16px; font-weight:16px; text-align:center; z-index:2; background-image: url(images/R4-red-select2.jpg); } .r4isdhc{ line-height:31px; font-size:16px; font-weight:16px; margin-left:200px; } .product_1_r4isdhc{ font-size:16px; font-weight:16px; margin-left:450px; line-height:31px; } #SDHC10 { position:absolute; left:646px; width:335px; height:35px; line-height:31px; font-size:16px; font-weight:16px; color:#FFFFFF; z-index:1; background-image: url(images/R4-red-right.jpg); } #leftdownloadmiddle{ width:45px; height:56px; margin:0 auto -23px; padding:0; z-index:2; position:relative; margin-left:0px; background:url("images/R4-down.jpg") repeat-x; } #rightdownloadmiddle{ margin-left:190px; font-size:18px; font-weight:bold; } #moredownload{ height:150px; margin:0 auto -5px; padding:0; margin-left:343px; } #downloadcontent{ width:980px; height:1070px; margin:0 auto 5px; padding:0; z-index:1; position:relative; background:url("images/R4-white-repeat.jpg") repeat-y; } .clear{clear:both;margin:0px;padding:0px;} /*---------Ê×Ò³------------*/ .mian{width:1000px;margin:0px auto;padding:0px;background: none repeat scroll 0 0 #FFFFFF;} .top{width:1000px;margin:0px auto;padding:0px 0px;height:144px;} .mac{margin:0px auto; padding:0px;} .top_left{height:52px;width:240px;float:left;margin:0px;padding-top:20px;} .top_right{height:32px;width:740px;float:right;margin:0px;padding-top:15px;} .top_right ul{margin:0px;padding:0px;} .top_right ul li{margin:0px 0px 0px 13px;padding:0px 0px 0px 10px;float:right; background:url(images/dian.gif) no-repeat; background-position:left center;} .top_right ul li a:link {text-decoration: none;color: #000000; font-size:13px; font-weight:bold;font:Arial, Helvetica, sans-serif ;} .top_right ul li a:visited {text-decoration: none;color: #000000;font-size:13px; font-weight:bold;font:Arial, Helvetica, sans-serif ;} .top_right ul li a:hover {text-decoration: none;color: #B71429;font-size:13px; font-weight:bold;font:Arial, Helvetica, sans-serif ;} .top_right ul .dangqian a:link {text-decoration: none;color:#B71429; font-size:13px; font-weight:bold;font:Arial, Helvetica, sans-serif ;} .top_right ul .dangqian a:visited {text-decoration: none;color:#B71429;font-size:13px; font-weight:bold;font:Arial, Helvetica, sans-serif ;} .top_right ul .dangqian a:hover {text-decoration: none;color:#B71429;font-size:13px; font-weight:bold;font:Arial, Helvetica, sans-serif ;} .box{ margin:0px;padding:0px; width:981px; height:429px; margin-left:10px;} .boxt{background:url(images/box_bg_top.gif) no-repeat;margin:0px;padding:0px;width:1000px;height:8px;} .boxb{background:url(images/box_bg_bottom.gif) no-repeat;margin:0px;padding:0px;width:1000px;height:16px;} /*.boxzh{height:358px;width:980px;margin:0px;padding:80px 10px 0px 10px; text-align:center;} .boxzh img{margin-bottom:10px;padding:0px;} .boxzhc{height:429px;width:980px;margin:0px;padding:0px 9px 0px 11px; text-align:center;}*/ .boxx{ background:url(images/box_bg_zh.gif) repeat-y;margin:0px;padding:0px;width:1000px;} .boxxt{background:url(images/box_bg_xtop.gif) no-repeat;margin:0px;padding:0px;width:1000px;height:14px;} .boxxb{background:url(images/box_bg_xbottom.gif) no-repeat;margin:0px;padding:0px;width:1000px;height:14px;} .boxxzh{height:260px;width:980px;margin:0px;padding:0px 10px; } .boxxzh ul{margin:0px;padding-left:2px;} .boxxzh ul li{float:left;margin-top:43px; background:url(images/li_bg.gif) no-repeat; background-position: center right;height:190px;padding:0px;} .boxxzh ul li img{margin:0px;padding:0px;} .boxxzh ul .look{ background-image:none; text-align:center;margin-top:97px;} .boxxzh ul .look img{margin-bottom:5px;paddngin:0px;} .bottom{margin:0px;padding:0px;width:1000px;height:177px;} .bottom_t{height:100px;margin:0px;padding:0px;} .bottom_t p{width:980px; line-height:20px;margin-top:50px;padding:0px 10px;} .bottom_x{width:1000px;margin:0px;padding:0px;height:70px; background:url(images/bottomx.gif) no-repeat;} .bottom_x p{height:70px; line-height:70px;padding-left:30px; font-size:12px; color:#FFFFFF;} /* video*/ .video{ border:5px solid #666; width:480px; height:400px;} #main_con{font-family: Arial;text-align:left; background-color: #FFF; width:980px;} #content-l{font-family: Arial; width:225px; float:left;} #content-l1{font-family: Arial; background:url(images/left-bg.gif) no-repeat; height:6px; font-size:1px;} #content-l2{ font-family: Arial;height:17px; background:url(images/left-bg2.gif) repeat-x; color:#fff; font-weight:bold;padding:8px 0 0 31px;} #content-l2 b{font-family: Arial;float:left; } #content-l2 img{ padding:6px 10px 0 50px; float:left;} .content-l3 li{ font-family: Arial;height:25px; background:url(images/left-bg5.gif) repeat-x; padding-left:19px; } .content-l3 li a{font-family: Arial;text-decoration:none;line-height:25px; padding-left:12px; background:url(images/left-tubiao2.gif) no-repeat -1px 5px; margin:0;} .content-l3 li a:hover{font-family: Arial; background:url(images/left-tubiao-hover.gif) no-repeat -1px 8px;} #content-l4{ font-family: Arial;background:url(images/left-bg4.gif) no-repeat; height:15px; margin-bottom:15px;} #right,#right2{font-family: Arial;width:730px;float:right;margin-right: 10px;} .blk_t,.blk_t2,.blk_tt,.blk_ttt{font-family: Arial;font-size:12px;height:30px;line-height:30px;background:url(images/left_class_bg.png) no-repeat;text-indent:40px;color:#000;} .blk_t2{text-indent:30px;} .blk_tt{background:url(images/left_class_bg2.png) no-repeat;} .blk_ttt{background:url(images/left_class_bg3.png) no-repeat;} #right_con,#right2_con{ font-family: Arial;border:1px solid #d8d8d8; padding:20px 20px; margin-bottom:10px; width:688px;} #right_con b{font-family: Arial; display:block; margin-bottom:15px;} #right_con li{ font-family: Arial;width:224px; height:224px; display:block; float:left; margin-right:3px; border:1px dotted #CCCCCC;} #right2_con span{ line-height:20px;font-family: Arial;}