/* =================================================== PC MAG Page Layout Styles =================================================== */ /* ======================================================== Page Configurations: pgConfig.css These styles control the layout of page elements for specific configurations. The pagetype is an id included in the body tag. Configuration A: Article Pages Configuration B: At A Glance Pages, Product Guide Configuration B1: Product Guide with Sponsor Configuration C: Section Template, Search, Archive, Shopping (Two column pages) ========================================================= */ /* Yahoo pixel */ .yzq_x {display: none; } #w_rightField { position:absolute; top: 0; left: 1019px; } .rightField { margin: 0; padding: 0; } span.ad_slug { display: none; } /* ------------ COMMON PAGE ELEMENTS ------------------- */ body { width: 1004px; margin: 0 ; padding: 0;} /* body img { display: none; } */ #wrapperPage { position: relative; left: 0; top: 0;width: 1004px; margin: 0; padding: 0; } * html div#wrapperPage { margin-top: -12px; } /* IE Hack to make page open at (0,0) */ body#cobrand div#wrapperPage { margin-top: 2px; } #w_header { position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 100%; } #w_breadcrumb { position: relative; margin: 5px 0 0 5px; padding: 0 ; width: auto; /* max-width: 1004px !important; */ } .categoryBase * #w_breadcrumb { position: relative; margin: 5px 0 10px 5px; padding: 0 ; width: auto; max-width: 1004px !important; } #w_subHead { position: relative; margin: 10px 0 12px 0; padding: 0; width: auto; max-width:1004px !important; } #w_adModule { position: relative; margin: 2px 0 0 18px; padding: 0; width: 336px; max-width: 336px !important; float: right; clear:right; } #w_footer { position: relative; margin: 0; padding: 0; width: 100%;/* max-width: 1004px !important; */} /* ------------ HTML MODULE WRAPPER OPTIONS ------------------- */ #w_htmlModule_155 { position: relative; margin: 0 0 0 5px; padding: 0; float: left; width: 155px; max-width: 155px !important; } #w_htmlModule_466L { position: relative; margin: 0; padding: 0; float: left; width: 466px; max-width: 466px !important; } #w_htmlModule_466R { position: relative; margin: 0; padding: 0; float: right; width: 466px; max-width: 466px !important; } #w_htmlModule_336 { position: relative; margin: 0; padding: 0; float: right; width: 336px; max-width: 336px !important; } /* ------------ GRAVEYARD WRAPPER OPTIONS ------------------- */ #w_graveyard { width: auto; float: left; display: inline; clear: both;} #w_graveyard_466L { position: relative; margin: 0; padding: 0; float: left; width: 466px; max-width: 466px !important; } #w_graveyard_466R { position: relative; margin: 0; padding: 0; float: right; width: 466px; max-width: 466px !important; } #w_graveyard_640 { position: relative; margin: 0; padding: 0; float: left; width: 640px; max-width: 640px !important; } #productCompareGrid * #w_graveyard { width: 1004px; } /* ------------ PAGE CONFIGURATION A: ARTICLE PAGE ------------------- */ #articlePg #w_contentGroup { position: relative; margin: 0; padding:0; float: left; /* width: 643px; */ width: 640px; } #articlePg #w_contentGroup #w_contentCol1 { position: relative; margin: 0 0 0 5px; padding: 0; width: 155px; float: left; display: block; } #articlePg #w_contentGroup #w_contentCol2 { position: relative; margin: 0 0 0 5px; padding: 0; width: 466px; float: right; display: block; } #articlePg #w_contentGroup #w_contentCol2 #w_content1 { position: relative; margin:0 0 0 18px; padding:0; width:466px; display: block; } /* ------------ PAGE CONFIGURATION A1: EVENT PAGE ------------------- */ #eventPg #wrapperPage #w_contentGroup { position: relative; margin: 0 0 0 5px; padding:0; width: 998px; } #eventPg #wrapperPage #w_contentGroup #w_contentCol1 { position: relative; margin: 0; padding: 0; width: 651px; float: left; display: block; } #eventPg #wrapperPage #w_contentGroup #w_contentCol2 { position: relative; margin:0; padding: 0; width: auto; float: left; display: block; } /* ------------ PAGE CONFIGURATION B: AT A GLANCE PAGE ------------------- */ #glancePg #w_contentGroup { position: relative; margin: 0; padding: 0; width: 822px; float: right; } #glancePg #w_contentGroup #w_contentCol1 { position: relative; margin: 0; padding: 0; width:466px; float: left; display: block; } #glancePg #w_contentGroup #w_contentCol2 { position: relative; margin:0; width: 336px; float: right; display: block; } #glancePg #w_contentGroup #w_contentGroup2 { position: relative; margin: 0; padding: 0; float: left; display: block; width: 466px; } #glancePg * #w_adModule { position: relative; margin: 0; padding: 0; width: 336px; max-width: 336px !important; float: right; } #glancePg * #w_content3 { position: relative; margin: 0 15px 0 5px; padding: 0; width: 155px; float: left; display: block; } /* was #w_content3 */ #glancePg #w_content3 #w_guidedNav { position: relative; width: 155px; margin: 0; padding: 0; display: block; } #glancePg #w_contentGroup2 #w_graveyard { position: relative; margin: 0; padding: 0; width: auto; } /* ------------ PAGE CONFIGURATION B: PRODUCT GUIDE NO SPONSOR ------------------- */ #prodGuideNoSpons #w_contentGroup { position:relative; margin:0; padding:0; width:640px; float:left; } #prodGuideNoSpons #w_contentGroup #w_contentCol1 { position: relative; margin:0; padding:0; width:155px; float:left; } #prodGuideNoSpons #w_contentGroup #w_contentCol1 #w_guidedNav { position: relative; width: 155px; margin: 0 0 0 5px; padding: 0; display: block; } #prodGuideNoSpons #w_contentGroup #w_contentCol2 { position: relative; margin: 0 ; padding: 0; float: right; display: block; width: 466px; } #prodGuideNoSpons #w_contentGroup #w_contentCol2 #w_filter2 { position: relative; margin: 0; padding: 0; display: block; width: 466px; } #prodGuideNoSpons #w_contentgroup #w_contentCol2 #w_filter3 { position: relative; width: 466px; margin: 0 5px 0 0; padding: 0; display: block; } #prodGuideNoSpons #w_adModule #w_filter1 { position: relative; width: 336px; margin: 0; padding: 0; display: block; } /* ------------ PAGE CONFIGURATION B1: PRODUCT GUIDE WITH SPONSOR ------------------- */ #prodGuideSpons #w_contentGroup { position: relative; margin: 0; padding: 0; width: 640px; float: left; } #prodGuideSpons #w_contentGroup #w_contentCol1 { position: relative; margin:0; padding:0; width:155px; float:left; } #prodGuideSpons #w_contentGroup #w_contentCol1 #w_guidedNav { position: relative; width: 155px; margin: 0 0 0 5px; padding: 0; display: block; } #prodGuideSpons #w_contentGroup #w_contentCol2 { position: relative; margin: 0 ; padding: 0; float: right; display: block; width: 466px; } #prodGuideSpons #w_contentGroup #w_contentCol2 #w_filter2 { position: relative; margin:0; padding: 0; display: block; width: 466px; } #prodGuideSpons #w_contentgroup #w_contentCol2 #w_filter3 { position: relative; width: 466px; margin: 0 5px 0 0; padding: 0; display: block; } #prodGuideSpons #w_adModule #w_sponsor { position: relative; width: 336px; height: 62px; } #prodGuideSpons #w_adModule #w_filter1 { position: relative; width: 336px; margin: 0; padding: 0; display: block; } /* ------------ PAGE CONFIGURATION C: CATEGORY 2 ------------------- */ #category2 #w_contentGroup { position:relative; width:640px; margin:0; padding:0; float: left; } #category2 #w_contentGroup #w_filterContentContent { margin: 0; padding: 0 2px; float: left; width:auto;} /* #category2 #w_contentGroup #w_filterContent #w_contentCol1 { position: relative; width:360px; margin: 0; padding: 0;float: left; display: block; } #category2 #w_contentGroup #w_filterContent #w_contentCol2 { position: relative; width: 270px; margin: 0; padding: 0; float: right; display: block; } */ /* ------------ PAGE CONFIGURATION C: CATEGORY 2 - Product Page------------------- */ #productPg #w_contentGroup { position:relative; width:640px; margin:0; padding:0; float: left; } /* ------------ PAGE CONFIGURATION C: TOPIC ------------------- */ #topicPg #w_contentGroup { position:relative; width:640px; margin:0 0 0 5px; padding:0; float: left; } #topicPg #w_breadcrumb { margin-left: 0; } #topicPg #w_subhead { margin-left: 0; } #topicPg #w_contentGroup #w_contentBucket { margin: 0; padding: 0; float: left; width:auto; } /* ------------ PAGE CONFIGURATION C: SEARCH PAGE ------------------- */ #searchPg #w_contentGroup { position:relative; width:640px; margin:0; padding:0 0 0 5px; float: left; } #searchPg #w_contentGroup #w_contentBucket { margin: 0; padding: 0 2px; float: left; width:auto;} /* ------------ PAGE CONFIGURATION C: SHOPPING ------------------- */ #shopping #w_contentGroup { position: relative; margin: 5px 0 0 0; padding: 0; width: 640px; float: left; } #shopping #w_contentGroup #w_filter2 { position: relative; width:auto; margin: 0; padding: 0; display: block; float: left; } #shopping #w_adModule #w_filter1 { position: relative; width: 336px; margin: 0; padding: 0; display: block; float: right; } /* ------------ PAGE CONFIGURATION C: ARTICLE VIDEO REVIEW ------------------- */ #videoPg #w_contentGroup { position:relative; width:640px; margin:0; padding:0; float: left; } #videoPg #w_contentGroup #w_contentCol1 { position: relative; width:640px; margin: 0 0 0 5px; padding: 0; float: left; display: block; } #videoPg #w_contentGroup #w_contentCol2 { position: relative; width: 640px; margin: 0; padding: 0; float: left; display: block; } /* ------------ PAGE CONFIGURATION: SLIDESHOW PAGE ------------------- */ #slidePg #wrapperPage { width: 1004px; } .slidePg #wrapperPage #w_contentWrap { width: 1004px; margin: 5px 0 0 0; padding: 0; } .slidePg #wrapperPage #w_contentWrap #bkgdController{ width: 993px; margin-left: 10px; padding-left: 10px;} .slidePg * #w_slide { position: relative; margin: 0 5px 40px 0; padding: 0; width: 640px; float: left; display: inline; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; } #slidePg #wrapperPage #w_colRight { width: 336px; text-align: left; margin: 0; padding: 0; float: right; }