/************* P-Series Microsite CSS 03.05.08 *************/ /**************************/ /**** Global selectors ****/ /**************************/ #pseries_body { margin:0; width:100%; height:100%; } #pseries_body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#BBB; } /* global font styling */ #pseries_body p { margin:0; color:#BBB; text-align:left; } #pseries_body sup { font-size:smaller; vertical-align:baseline; position:relative; bottom:0.33em; } /**** Link styles ****/ #pseries_body a { color:#E88240; text-decoration:none; } #pseries_body a:hover { text-decoration:underline; } #fnav_tab a { color:#E88240; text-decoration:none; font-weight:bold; } #fnav_tab a:hover { text-decoration:underline; } /**** Footnote styles ****/ #footnotes { margin-bottom:40px; width:930px; } #fnote_sep { width:930px; height:1px; margin-left:27px; border-top:1px solid #222; } #footnotes p { font-size:10px; line-height:13px; margin:12px 27px; color:#666; } /**** Main IDs ****/ #main_container { width:930px; } #main_content { background:#000; } #pseries_body { width:930px; } #billboard { margin:0; } /*** Footer nav tab ***/ #fnav_tab { width:930px; height:33px; background:#000 url(/programs/pseries/img/navbar/fnav_bg.gif) no-repeat left top; } #fnav_tab ul { list-style-type:none; height:33px; margin:0; padding:0; } #fnav_tab ul li { list-style-type:none; } li#fnav_overview a, li#fnav_bin a { display:block; height:33px; } li#fnav_overview { float:left; text-indent:-9000px; } li#fnav_links { float:left; text-indent:0px; width:645px; color:#FFF; padding-top:10px; } li#fnav_bin { float:right; text-indent:-9000px; } .fnav_overview { background:url(/programs/pseries/img/navbar/fnav_overview.gif) no-repeat left top; width:123px; } a.fnav_overview:hover { background:url(/programs/pseries/img/navbar/fnav_overview.gif) no-repeat left -33px; } .fnav_bin { background:url(/programs/pseries/img/navbar/fnav_buyitnow.gif) no-repeat left top; width:162px; } a.fnav_bin:hover { background:url(/programs/pseries/img/navbar/fnav_buyitnow.gif) no-repeat left -33px; } /****** end navigation tab *******/ /********************************/ /**** Overview Page Specific ****/ /********************************/ #overview_page { width:930px; } #overview_page p { margin:10px 27px; } /*** Headers ***/ #overview_vroom h2 { text-indent:-9000px; width:910px; height:31px; background:#000 url(/programs/pseries/img/01_head_engineered.gif) no-repeat left top; margin:0; } #overview_pseries h2{ text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/01_head_pseries.gif) no-repeat left top; margin:0; } #overview_pfx h2 { text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/01_head_pseriesFX.gif) no-repeat left top; margin:0; } /*** Content buckets ***/ #overview_vroom { width:930px; margin-bottom:20px; } #overview_pseries { width:465px; float:left; margin-bottom:20px; } #overview_pfx { width:465px; float:left; margin-bottom:20px; } /********************************/ /**** Design Page Specific ****/ /********************************/ #design_page { width:930px; background:url(/programs/pseries/img/02_prodbg.jpg) no-repeat right 93px; } #design_page p { margin:10px 27px; } /*** Headers ***/ #design_main h2 { text-indent:-9000px; width:910px; height:31px; background:url(/programs/pseries/img/02_head_design.gif) no-repeat left top; margin:0; } #design_wide h2 { text-indent:-9000px; width:465px; height:31px; background:url(/programs/pseries/img/02_head_widescreen.gif) no-repeat left top; margin:0; } #design_keyboard h2 { text-indent:-9000px; width:465px; height:31px; background:url(/programs/pseries/img/02_head_keyboard.gif) no-repeat left top; margin:0; } #design_webcam h2 { text-indent:-9000px; width:465px; height:31px; background:url(/programs/pseries/img/02_head_webcam.gif) no-repeat left top; margin:0; } /*** Content buckets ***/ #design_main { width:910px; margin-bottom:20px; } #design_wide { width:465px; margin-bottom:33px; } #design_keyboard { width:465px; margin-bottom:31px; } #design_webcam { width:465px; margin-bottom:20px; } *html #design_wide { width:465px; margin-bottom:23px; } *html #design_keyboard { width:465px; margin-bottom:21px; } *html #design_webcam { width:465px; margin-bottom:20px; } *:first-child+html #design_wide { width:465px; margin-bottom:23px; } *:first-child+html #design_keyboard { width:465px; margin-bottom:21px; } *:first-child+html #design_webcam { width:465px; margin-bottom:20px; } /************************************/ /**** Connectivity Page Specific ****/ /************************************/ #connect_page { width:930px; } #connect_page p { margin:10px 27px; } /*** Headers ***/ #connect_hdmi h2 { text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/03_head_hdmi.gif) no-repeat left top; margin:0; } #connect_draftn h2 { text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/03_head_wireless.gif) no-repeat left top; margin:0; } #connect_btooth h2 { text-indent:-9000px; width:910px; height:31px; background:#000 url(/programs/pseries/img/03_head_bluetooth.gif) no-repeat left top; margin:0; } /*** Content buckets ***/ #connect_hdmi { width:445px; float:left; margin-bottom:20px; } #connect_draftn { width:445px; float:left; margin-bottom:20px; } #connect_btooth { width:910px; margin-bottom:20px; } /***********************************/ /**** Performance Page Specific ****/ /***********************************/ #perform_page { width:930px; } #perform_page p { margin:10px 27px; } #perform_store p { margin:10px 20px 10px 27px; } #perform_intel p { margin:10px 27px 10px 17px; } #perform_ram p { margin:10px 27px 10px 17px; } /*** Headers ***/ #perform_store h2 { text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/04_head_storage.gif) no-repeat left top; margin:0; } #perform_intel h2 { text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/04_head_intel.gif) no-repeat left top; margin:0; } #perform_gfx h2 { text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/04_head_gfx.gif) no-repeat left top; margin:0; } #perform_ram h2 { text-indent:-9000px; width:445px; height:31px; background:#000 url(/programs/pseries/img/04_head_ram.gif) no-repeat left top; margin:0; } /*** Content buckets ***/ #perform_store { width:465px; float:left; margin-bottom:20px; } #perform_intel { width:465px; float:left; margin-bottom:20px; } #perform_gfx { width:465px; float:left; margin-bottom:20px; } #perform_ram { width:465px; float:left; margin-bottom:20px; } /**************************************/ /**** Specifications Page Specific ****/ /**************************************/ #specs_page { width:930px; } #specs_page h2 { text-indent:-9000px; width:910px; height:31px; background:#000 url(/programs/pseries/img/05_head_specs.gif) no-repeat left top; margin:0; } #specs_page .fxtxt { color:#DD963D; } #specs_page .bintxt { color:#E88240; font-weight:bold; text-transform:uppercase; } #specs_page .first { color:#C5DBC0; } #specs_table { width:930px; } #specs_table td { line-height:14px; vertical-align:top; margin:0; } .tblrow_pics td img { padding:0; margin:0; float:left; } .plight { color:#E0E0E0; } .pfx { color:#DD9D6E; } .retail { color:#F5B69F; } .tblrow_head a { color:#FFF; } .tblrow_head a:hover { text-decoration:underline; } .tblrow_head td { height:21px; font-size:11px; font-weight:bold; margin:0; } .tblrow_head td.first { border-right:1px solid #254721; color:#C5DBC0; background:url(/programs/pseries/img/05_table_header_grn.gif) repeat-x left top; padding:3px 7px 0 0; } .tblrow_head td.plight { border-right:1px solid #424242; background:url(/programs/pseries/img/05_table_header_gry.gif) repeat-x left top; padding:3px 0 0 7px; } .tblrow_head td.pfx { border-right:1px solid #623404; background:url(/programs/pseries/img/05_table_header_org.gif) repeat-x left top; padding:3px 0 0 7px; } .tblrow_head td.retail { border-right:1px solid #623404; border-right:1px solid #4A2112; background:url(/programs/pseries/img/05_table_header_red.gif) repeat-x left top; padding:3px 0 0 7px; } .tblrow_dark td { font-size:11px; margin:0; } .tblrow_dark td.first { border-right:1px solid #254721; background:#000; font-weight:bold; color:#C5DBC0; padding:7px 7px 14px; } .tblrow_dark td.plight { border-right:1px solid #424242; background:#000; padding:7px 7px 14px; } .tblrow_dark td.pfx { border-right:1px solid #623404; background:#000; padding:7px 7px 14px; } .tblrow_dark td.retail { border-right:1px solid #623404; border-right:1px solid #4A2112; background:#000; padding:7px 7px 14px; } .tblrow_light td { font-size:11px; margin:0; } .tblrow_light td.first { border-right:1px solid #254721; background:#11270C; font-weight:bold; color:#C5DBC0; padding:7px 7px 14px; } .tblrow_light td.plight { border-right:1px solid #424242; background:#1A1A1A; padding:7px 7px 14px; } .tblrow_light td.pfx { border-right:1px solid #623404; background:#231E16; padding:7px 7px 14px; margin:0; } .tblrow_light td.retail { border-right:1px solid #623404; border-right:1px solid #4A2112; background:#2F221B; padding:7px 7px 14px; } /* BIN bar light .tblrow_BIN td { font-size:11px; margin:0; } .tblrow_BIN td.first { border-right:1px solid #254721; background:#11270C; font-weight:bold; color:#C5DBC0; padding-top:7px; } .tblrow_BIN td.plight { border-right:1px solid #424242; background:#1A1A1A; padding-top:7px; } .tblrow_BIN td.pfx { border-right:1px solid #623404; background:#231E16; padding-top:7px; margin:0; } .tblrow_BIN td.retail { border-right:1px solid #623404; border-right:1px solid #4A2112; background:#2F221B; padding-top:7px; }*/ /* BIN bar dark */ .tblrow_BIN td { font-size:11px; margin:0; } .tblrow_BIN td.first { border-right:1px solid #254721; background:#000; font-weight:bold; color:#C5DBC0; padding-top:7px; } .tblrow_BIN td.plight { border-right:1px solid #424242; background:#000; padding-top:7px; } .tblrow_BIN td.pfx { border-right:1px solid #623404; background:#000; padding-top:7px; margin:0; } .tblrow_BIN td.retail { border-right:1px solid #623404; border-right:1px solid #4A2112; background:#000; padding-top:7px; } .tblrow_end td { padding:0; margin:0; } .tblrow_end td.first { background:#254721; } .tblrow_end td.plight { background:#424242; } .tblrow_end td.pfx { background:#623404; } .tblrow_end td.retail { border-right:1px solid #623404; background:#4A2112; } /**** IE Hacks ****/ *:first-child+html #design_page { background-position:right 103px; } *html #design_page { background-position:right 103px; }