/* ViewSonic */ /* BASIC ELEMENTS ----------------------------------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; } table, th, td { margin:0; } .required_6 { color:red; } html { min-height:100%; margin-bottom:1px; } /* add: margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */ body { text-align:center; font-size:12px; font-family:arial, sans-serif; color:#767676; background:#fff url(http://images1.viewsonic.com/images/bg-body-new.png) repeat-x 0 0; } body#iframe_detail { background:none !important; } table, th, td, input, textarea, select { font-size:12px; font-family:arial, sans-serif; color:#767676; } hr { margin:10px 0 8px; height:1px; color:#d2d2d2; border:1px solid #d2d2d2; border-width:1px 0 0; } h1 { color:#c70752; font-size:38px; line-height:46px; } h2 { color:#c70752; font-size:16px; line-height:19px; } h3 { color:#0081b7; font-size:16px; line-height:19px; } h4 { color:#c80d56; font-size:12px; line-height:14px; } h5 { font-size:12px; line-height:14px; } h6 { color:#c70752; font-size:16px; line-height:19px; } #flashContainer img { border:none; } #topofpage { background:#fff; } li.last { border-bottom:none !important; background:none !important; } div.last { border:none !important; } #tabbox_overview ul { margin: 0 0 10px 14px; } #tabbox_overview ol { margin: 0 0 10px 18px; } a img, :link img, :visited img { border:none; } a:link { color:#0081b7; text-decoration:none; } a:visited { color:#2e8fb7; text-decoration:none; } a:hover, a:active { color:#0081b7; text-decoration:underline; } a.frame, #s_featured li a { padding:1px 0 0 1px; width:185px; height:109px; display:block; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat 0 0; } a.frame:hover, #s_featured li a:hover { background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -372px 0; } /* we're not using blue -186px */ a.frame1 { padding:1px 0 0 1px; width:185px; height:109px; display:block; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat 0 0; } a.frame1:hover { background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -372px 0; } a.frame_tall { padding:1px 0 0 1px; width:185px; height:199px; display:block; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -9310px 0; } a.frame_tall:hover { background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -9496px 0; } a.frame_tall1 { padding:1px 0 0 1px; width:185px; height:199px; display:block; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -9310px 0; } a.frame_tall1:hover { background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -9682px 0; } #h_featured a { padding:1px 0 0 1px; width:185px; height:109px; display:block; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat 0 0; } #h_featured a:hover { background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -372px 0; } /* we're not using blue -186px */ abbr { border-bottom:1px dotted #ccc; cursor:help; } #skip { display:none; } #bg { background:url(http://images1.viewsonic.com/images/bg-body-new.png) repeat-x 0 0; min-height:850px; } #container { margin:0 auto; width:990px; text-align:left; position:relative; } .cont { margin:20px auto 0; padding:10px 0 0; min-height:574px; background:url(http://images1.viewsonic.com/images/bg_main_top.png) no-repeat 50% 0; min-width:990px; } .cont .cont { margin:10px 0 0; padding:0; min-height:574px; background:url(http://images1.viewsonic.com/images/bg_main_y.png) repeat-y 50% 0; min-width:990px; } .cont .cont .cont { margin:0; padding:0 0 1px; background:url(http://images1.viewsonic.com/images/bg_main_btm.png) no-repeat 50% 100%; min-width:990px; } .cont .cont .cont .cont { background:url(http://images1.viewsonic.com/images/bg_main_top.png) no-repeat 50% -8px; min-width:990px; } #header { position:relative; margin:-12px 0 0; height:128px; z-index:50; } .home #header { height:96px; } #header.header_alt { background:url(http://images1.viewsonic.com/images/bg_main_top_alt.png) no-repeat 0 -8px; } #logo { position:absolute; top:-6px; left:0px; } #prodlogo { display:none; } form#headsearch { position:absolute; top:18px; right:80px; width:190px; height:26px; background:#f3f3f3 url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3371px 0; } form#headsearch input { position:absolute; top:2px; left:10px; padding:3px 0 0; width:117px; height:17px; font-size:14px; border:none; background:none; } form#headsearch input#btn_search { top:3px; left:133px; padding:0; width:54px; height:20px; color:#fff; background:#0e8dc1; } #search_suggest { position:absolute; top:41px; right:70px; z-index:100; } .yui-ac-content { width:210px; height:150px; padding:18px 0 0; background: url(http://images1.viewsonic.com/images/bg_suggest_top.png) no-repeat 0 0; } .yui-ac-bd { padding:0 0 6px; background:url(http://images1.viewsonic.com/images/bg_suggest_btm.png) no-repeat 0 100%; } .yui-ac-bd ul { width:190px; margin: 0; padding: 0 10px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) repeat-y -3561px 0; } .yui-ac-bd li { width:190px; height:18px; padding:5px 0 0 9px; list-style:none; color:#fff; font-size:12px; font-family:"Lucida Sans", arial, helvetica, sans-serif; } .yui-ac-highlight { padding:5px 0 0 9px; color:#aadae5; display:block; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3371px -28px; } .query_match { font-weight:bolder; } #btn_cart { position:absolute; top:19px; right:8px; } /* NAVIGATION ----------------------------------------------------------------------------------------------------------------------- */ .nav { position:absolute; } .nav li { float:left; position:relative; list-style:none; } .nav li a { cursor:pointer; } .nav li a:hover { text-decoration:none; } .nav li a, .nav li div { display:block; text-decoration:none; } .nav li strong { position:absolute; top:0px; left:0px; display:block; } /* MAIN NAV */ #nav { top:-6px; left:221px; width:441px; height:54px; } #nav li { height:54px; background:#e9e9e9; } #nav li li { background:none; } #nav li a, #nav li div { height:54px; color:#0081b7; font-size:14px; } #nav li strong { height:54px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image:url(http://images1.viewsonic.com/images/bg_translate.png); } /* NORMAL STATE */ #nav li.products, #nav li.products a, #nav li.products a strong { background-position:0px 0; width:118px; } #nav li.shop, #nav li.shop a, #nav li.shop a strong { background-position:-118px 0; width:86px; } #nav li.support, #nav li.support a, #nav li.support a strong { background-position:-204px 0; width:111px; } #nav li.company, #nav li.company a, #nav li.company a strong { background-position:-315px 0; width:126px; } /* HOVER STATE */ #nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong, #nav li.products_hover a, #nav li.products_hover a strong, #nav li.productson_hover a, #nav li.productson_hover a strong { background-position:0px -54px; width:118px; } #nav li.shop:hover a, #nav li.shop:hover a strong, #nav li.shop a:hover, #nav li.shop a:hover strong, #nav li.shop_hover a, #nav li.shop_hover a strong, #nav li.shopon_hover a, #nav li.shopon_hover a strong { background-position:-118px -54px; width:86px; } #nav li.support:hover a, #nav li.support:hover a strong, #nav li.support a:hover, #nav li.support a:hover strong, #nav li.support_hover a, #nav li.support_hover a strong, #nav li.supporton_hover a, #nav li.supporton_hover a strong { background-position:-204px -54px; width:111px; } #nav li.company:hover a, #nav li.company:hover a strong, #nav li.company a:hover, #nav li.company a:hover strong, #nav li.company_hover a, #nav li.company_hover a strong, #nav li.companyon_hover a, #nav li.companyon_hover a strong { background-position:-315px -54px; width:126px; } /* ON STATE */ #nav li.productson, #nav li.productson strong, #nav li.productson div { background-position:0px -108px; width:118px; } #nav li.shopon, #nav li.shopon strong, #nav li.shopon div { background-position:-118px -108px; width:86px; } #nav li.supporton, #nav li.supporton strong, #nav li.supporton div { background-position:-204px -108px; width:111px; } #nav li.companyon, #nav li.companyon strong, #nav li.companyon div { background-position:-315px -108px; width:126px; } /* PRODUCTS HOVER #nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong, #nav li.productson:hover a, #nav li.productson:hover a strong, #nav li.productson a:hover, #nav li.productson a:hover strong { background-position:0px -54px; width:118px; } */ /* HOMEPAGE TERTIARY NAV 'FIND SOLUTIONS FOR' */ #tertnav { top:64px; left:180px; width:618px; height:32px; } #tertnav li { height:32px; overflow:hidden; } #tertnav li a, #tertnav li div { position:relative; height:32px; color:#0081b7; font-size:14px; } #tertnav li strong { height:32px; } #tertnav li, #tertnav li a, #tertnav li strong, #tertnav li div { background-image:url(http://images1.viewsonic.com/images/bg_translate.png); } #tertnav li.home-office, #tertnav li.home-office a, #tertnav li.home-office a strong { background-position:0 -164px; width:119px; } #tertnav li.entertainment, #tertnav li.entertainment a, #tertnav li.entertainment a strong { background-position:-119px -164px; width:118px; } #tertnav li.business, #tertnav li.business a, #tertnav li.business a strong { background-position:-237px -164px; width:91px; } #tertnav li.government, #tertnav li.government a, #tertnav li.government a strong { background-position:-328px -164px; width:108px; } #tertnav li.education, #tertnav li.education a, #tertnav li.education a strong { background-position:-436px -164px; width:95px; } #tertnav li.partners, #tertnav li.partners a, #tertnav li.partners a strong { background-position:-531px -164px; width:87px; } /* HOVER STATE */ #tertnav li.home-office:hover a, #tertnav li.home-office:hover a strong, #tertnav li.home-office a:hover, #tertnav li.home-office a:hover strong { background-position:0 -196px; width:119px; } #tertnav li.entertainment:hover a, #tertnav li.entertainment:hover a strong, #tertnav li.entertainment a:hover, #tertnav li.entertainment a:hover strong { background-position:-119px -196px; width:118px; } #tertnav li.business:hover a, #tertnav li.business:hover a strong, #tertnav li.business a:hover, #tertnav li.business a:hover strong { background-position:-237px -196px; width:91px; } #tertnav li.government:hover a, #tertnav li.government:hover a strong, #tertnav li.government a:hover, #tertnav li.government a:hover strong { background-position:-328px -196px; width:108px; } #tertnav li.education:hover a, #tertnav li.education:hover a strong, #tertnav li.education a:hover, #tertnav li.education a:hover strong { background-position:-436px -196px; width:95px; } #tertnav li.partners:hover a, #tertnav li.partners:hover a strong, #tertnav li.partners a:hover, #tertnav li.partners a:hover strong { background-position:-531px -196px; width:87px; } /* ON STATE */ #tertnav li.home-officeon, #tertnav li.home-officeon strong, #tertnav li.home-officeon div { background-position:0 -228px; width:119px; } #tertnav li.entertainmenton, #tertnav li.entertainmenton strong, #tertnav li.entertainmenton div { background-position:-119px -228px; width:118px; } #tertnav li.businesson, #tertnav li.businesson strong, #tertnav li.businesson div { background-position:-237px -228px; width:91px; } #tertnav li.governmenton, #tertnav li.governmenton strong, #tertnav li.governmenton div { background-position:-328px -228px; width:108px; } #tertnav li.educationon, #tertnav li.educationon strong, #tertnav li.educationon div { background-position:-436px -228px; width:95px; } #tertnav li.partnerson, #tertnav li.partnerson strong, #tertnav li.partnerson div { background-position:-531px -228px; width:87px; } /* 'FOLLOW US' BUTTONS */ #followus { top:71px; right:27px; width:85px; height:16px; } #followus li { margin:0 0 0 4px; height:16px; overflow:hidden; } #followus li a, #followus li div { position:relative; height:16px; color:#0081b7; font-size:14px; } #followus li strong { height:16px; } #followus li, #followus li a, #followus li strong, #followus li div { background-image:url(http://images1.viewsonic.com/images/bg_sprite.png); } #followus li.follow-linkedin, #followus li.follow-linkedin a, #followus li.follow-linkedin a strong { background-position:-3485px -227px; width:16px; } #followus li.follow-facebook, #followus li.follow-facebook a, #followus li.follow-facebook a strong { background-position:-3505px -227px; width:16px; } #followus li.follow-twitter, #followus li.follow-twitter a, #followus li.follow-twitter a strong { background-position:-3525px -227px; width:16px; } #followus li.follow-youtube, #followus li.follow-youtube a, #followus li.follow-youtube a strong { background-position:-3545px -227px; width:16px; } /* HOVER STATE */ #followus li.follow-linkedin:hover a, #followus li.follow-linkedin:hover a strong, #followus li.follow-linkedin a:hover, #followus li.follow-linkedin a:hover strong { background-position:-3485px -227px; width:16px; } #followus li.follow-facebook:hover a, #followus li.follow-facebook:hover a strong, #followus li.follow-facebook a:hover, #followus li.follow-facebook a:hover strong { background-position:-3505px -227px; width:16px; } #followus li.follow-twitter:hover a, #followus li.follow-twitter:hover a strong, #followus li.follow-twitter a:hover, #followus li.follow-twitter a:hover strong { background-position:-3525px -227px; width:16px; } #followus li.follow-youtube:hover a, #followus li.follow-youtube:hover a strong, #followus li.follow-youtube a:hover, #followus li.follow-youtube a:hover strong { background-position:-3545px -227px; width:16px; } /* ON STATE */ #followus li.follow-linkedinon, #followus li.follow-linkedinon strong, #followus li.follow-linkedinon div { background-position:-3485px -227px; width:16px; } #followus li.follow-facebookon, #followus li.follow-facebookon strong, #followus li.follow-facebookon div { background-position:-3505px -227px; width:16px; } #followus li.follow-twitteron, #followus li.follow-twitteron strong, #followus li.follow-twitteron div { background-position:-3525px -227px; width:16px; } #followus li.follow-youtubeon, #followus li.follow-youtubeon strong, #followus li.follow-youtubeon div { background-position:-3545px -227px; width:16px; } /* HOMEPAGE SECONDARY NAV (BLUE BAR) */ #h_content_nav { top:0; right:0; width:387px; height:32px; } #h_content_nav li { height:32px; } #h_content_nav li a, #h_content_nav li div { position:relative; height:32px; color:#0081b7; font-size:14px; } #h_content_nav li strong { height:32px; } #h_content_nav li, #h_content_nav li a, #h_content_nav li strong, #h_content_nav li div { background-image:url(http://images1.viewsonic.com/images/bg_translate.png); } #h_content_nav li.h_support, #h_content_nav li.h_support a, #h_content_nav li.h_support a strong { background-position:0 -357px; width:90px; } #h_content_nav li.h_drivers, #h_content_nav li.h_drivers a, #h_content_nav li.h_drivers a strong { background-position:-90px -357px; width:81px; } #h_content_nav li.h_warranties, #h_content_nav li.h_warranties a, #h_content_nav li.h_warranties a strong { background-position:-171px -357px; width:104px; } #h_content_nav li.h_userguides, #h_content_nav li.h_userguides a, #h_content_nav li.h_userguides a strong { background-position:-275px -357px; width:112px; } /* HOVER STATE */ #h_content_nav li.h_support:hover a, #h_content_nav li.h_support:hover a strong, #h_content_nav li.h_support a:hover, #h_content_nav li.h_support a:hover strong { background-position:0 -389px; width:90px; } #h_content_nav li.h_drivers:hover a, #h_content_nav li.h_drivers:hover a strong, #h_content_nav li.h_drivers a:hover, #h_content_nav li.h_drivers a:hover strong { background-position:-90px -389px; width:81px; } #h_content_nav li.h_warranties:hover a, #h_content_nav li.h_warranties:hover a strong, #h_content_nav li.h_warranties a:hover, #h_content_nav li.h_warranties a:hover strong { background-position:-171px -389px; width:104px; } #h_content_nav li.h_userguides:hover a, #h_content_nav li.h_userguides:hover a strong, #h_content_nav li.h_userguides a:hover, #h_content_nav li.h_userguides a:hover strong { background-position:-275px -389px; width:112px; } /* SHARE MENU */ #sharenav { top:0; right:0; width:79px; height:32px; } #sharenav li { height:32px; } #sharenav li a, #sharenav li div { position:relative; height:32px; color:#0081b7; font-size:14px; text-decoration:none; } #sharenav li strong { height:32px; } #sharenav li, #sharenav li a, #sharenav li strong, #sharenav li div { background-image:url(http://images1.viewsonic.com/images/bg_translate.png); } #sharenav li.share, #sharenav li.share a, #sharenav li.share a strong { background-position:0 -423px; width:79px; } #sharenav li.share:hover a, #sharenav li.share:hover a strong, #sharenav li.share a:hover, #sharenav li.share a:hover strong { background-position:0 -455px; width:79px; } #sharenav li ul { display:none; } #sharenav li ul li, #sharenav li ul li a { background:none; } #sharenav .sharebox { position:absolute; top:32px; right:0; display:block; } #sharenav li:hover .sharebox, #sharenav li a:hover .sharebox { position:absolute; top:32px; right:0; display:block; } #sharenav .sharebox #sharediv { position:relative; display:block; } #sharenav .sharebox #sharediv a { position:absolute; top:-32px; right:0; } #sharenav .sharebox #sharediv a img { visibility:hidden; } #addthis td { height:12px !important; } #addthis_dropdown15 { padding-top:5px !important; border:none !important; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -11713px 0 !important; left:756px !important; top:127px !important; width:232px !important; height:152px !important; } #addthis_services a { color:#919191 !important } #addthis_services a:hover { color:#000 !important; } /* SUBPAGE PRODUCT DETAIL */ .tabs .nav { position:relative; width:440px; height:31px; } .tabs .nav li { height:31px; } .tabs .nav li a, .tabs .nav li div { position:relative; height:10px; .margin-top:0px; _margin-top:0px; .margin-bottom:-10px; _margin-bottom:-10px; color:#0081b7; font-size:14px; text-decoration:none; outline:none; } /* height:31px; reduced height to hide excess dots */ .tabs .nav li strong { height:31px; } .tabs .nav li, .tabs .nav li a, .tabs .nav li strong, .tabs .nav li div { background-image:url(http://images1.viewsonic.com/images/bg_translate.png); } .tabs li#tab_overview, .tabs li#tab_overview a, .tabs li#tab_overview a strong { background-position:0 -262px; width:93px; } .tabs li#tab_features, .tabs li#tab_features a, .tabs li#tab_features a strong { background-position:-93px -262px; width:88px; } .tabs li#tab_specs, .tabs li#tab_specs a, .tabs li#tab_specs a strong { background-position:-181px -262px; width:75px; } .tabs li#tab_downloads, .tabs li#tab_downloads a, .tabs li#tab_downloads a strong { background-position:-256px -262px; width:102px; } .tabs li#tab_awards, .tabs li#tab_awards a, .tabs li#tab_awards a strong { background-position:-358px -262px; width:82px; } .tabs li#tab_corporate_news, .tabs li#tab_corporate_news a, .tabs li#tab_corporate_news a strong { background-position:-440px -262px; width:131px; } .tabs li#tab_product_news, .tabs li#tab_product_news a, .tabs li#tab_product_news a strong { background-position:-571px -262px; width:118px; } .tabs li#tab_archived_news, .tabs li#tab_archived_news a, .tabs li#tab_archived_news a strong { background-position:-689px -262px; width:122px; } .tabs li#tab_images, .tabs li#tab_images a, .tabs li#tab_images a strong { background-position:-811px -262px; width:80px; } .tabs li#tab_videos, .tabs li#tab_videos a, .tabs li#tab_videos a strong { background-position:-1239px -262px; width:95px; } .tabs li#tab_banners, .tabs li#tab_banners a, .tabs li#tab_banners a strong { background-position:-969px -262px; width:86px; } .tabs li#tab_logos, .tabs li#tab_logos a, .tabs li#tab_logos a strong { background-position:-1055px -262px; width:75px; } .tabs li#tab_accessories, .tabs li#tab_accessories a, .tabs li#tab_accessories a strong { background-position:-1130px -262px; width:108px; } .tabs li#tab_guidelines, .tabs li#tab_guidelines a, .tabs li#tab_guidelines a strong { background-position:-1651px -262px; width:94px; } /* HOVER STATE */ .tabs li#tab_overview:hover a, .tabs li#tab_overview:hover a strong, .tabs li#tab_overview a:hover, .tabs li#tab_overview a:hover strong { background-position:0 -293px; width:93px; } .tabs li#tab_features:hover a, .tabs li#tab_features:hover a strong, .tabs li#tab_features a:hover, .tabs li#tab_features a:hover strong { background-position:-93px -293px; width:88px; } .tabs li#tab_specs:hover a, .tabs li#tab_specs:hover a strong, .tabs li#tab_specs a:hover, .tabs li#tab_specs a:hover strong { background-position:-181px -293px; width:75px; } .tabs li#tab_downloads:hover a, .tabs li#tab_downloads:hover a strong, .tabs li#tab_downloads a:hover, .tabs li#tab_downloads a:hover strong { background-position:-256px -293px; width:102px; } .tabs li#tab_awards:hover a, .tabs li#tab_awards:hover a strong, .tabs li#tab_awards a:hover, .tabs li#tab_awards a:hover strong { background-position:-358px -293px; width:82px; } .tabs li#tab_corporate_news:hover a, .tabs li#tab_corporate_news:hover a strong, .tabs li#tab_corporate_news a:hover, .tabs li#tab_corporate_news a:hover strong { background-position:-440px -293px; width:131px; } .tabs li#tab_product_news:hover a, .tabs li#tab_product_news:hover a strong, .tabs li#tab_product_news a:hover, .tabs li#tab_product_news a:hover strong { background-position:-571px -293px; width:118px; } .tabs li#tab_archived_news:hover a, .tabs li#tab_archived_news:hover a strong, .tabs li#tab_archived_news a:hover, .tabs li#tab_archived_news a:hover strong { background-position:-689px -293px; width:122px; } .tabs li#tab_images:hover a, .tabs li#tab_images:hover a strong, .tabs li#tab_images a:hover, .tabs li#tab_images a:hover strong { background-position:-811px -293px; width:80px; } .tabs li#tab_videos:hover a, .tabs li#tab_videos:hover a strong, .tabs li#tab_videos a:hover, .tabs li#tab_videos a:hover strong { background-position:-1239px -293px; width:95px; } .tabs li#tab_banners:hover a, .tabs li#tab_banners:hover a strong, .tabs li#tab_banners a:hover, .tabs li#tab_banners a:hover smtrong { background-position:-969px -293px; width:86px; } .tabs li#tab_logos:hover a, .tabs li#tab_logos:hover a strong, .tabs li#tab_logos a:hover, .tabs li#tab_logos a:hover strong { background-position:-1055px -293px; width:75px; } .tabs li#tab_accessories:hover a, .tabs li#tab_accessories:hover a strong, .tabs li#tab_accessories a:hover, .tabs li#tab_accessories a:hover strong { background-position:-1130px -293px; width:108px; } .tabs li#tab_guidelines:hover a, .tabs li#tab_guidelines:hover a strong, .tabs li#tab_guidelines a:hover, .tabs li#tab_guidelines a:hover strong { background-position:-1651px -293px; width:94px; } /* SELECTED */ .tabs li#tab_overview.selected, .tabs li#tab_overview.selected a, .tabs li#tab_overview.selected a strong { background-position:0 -324px; width:93px; } .tabs li#tab_features.selected, .tabs li#tab_features.selected a, .tabs li#tab_features.selected a strong { background-position:-93px -324px; width:88px; } .tabs li#tab_specs.selected, .tabs li#tab_specs.selected a, .tabs li#tab_specs.selected a strong { background-position:-181px -324px; width:75px; } .tabs li#tab_downloads.selected, .tabs li#tab_downloads.selected a, .tabs li#tab_downloads.selected a strong { background-position:-256px -324px; width:102px; } .tabs li#tab_awards.selected, .tabs li#tab_awards.selected a, .tabs li#tab_awards.selected a strong { background-position:-358px -324px; width:82px; } .tabs li#tab_corporate_news.selected, .tabs li#tab_corporate_news.selected a, .tabs li#tab_corporate_news.selected a strong { background-position:-440px -324px; width:131px; } .tabs li#tab_product_news.selected, .tabs li#tab_product_news.selected a, .tabs li#tab_product_news.selected a strong { background-position:-571px -324px; width:118px; } .tabs li#tab_archived_news.selected, .tabs li#tab_archived_news.selected a, .tabs li#tab_archived_news.selected a strong { background-position:-689px -324px; width:122px; } .tabs li#tab_images.selected, .tabs li#tab_images.selected a, .tabs li#tab_images.selected a strong { background-position:-811px -324px; width:80px; } .tabs li#tab_videos.selected, .tabs li#tab_videos.selected a, .tabs li#tab_videos.selected a strong { background-position:-1239px -324px; width:95px; } .tabs li#tab_banners.selected, .tabs li#tab_banners.selected a, .tabs li#tab_banners.selected a strong { background-position:-969px -324px; width:86px; } .tabs li#tab_logos.selected, .tabs li#tab_logos.selected a, .tabs li#tab_logos.selected a strong { background-position:-1055px -324px; width:75px; } .tabs li#tab_accessories.selected, .tabs li#tab_accessories.selected a, .tabs li#tab_accessories.selected a strong { background-position:-1130px -324px; width:108px; } .tabs li#tab_guidelines.selected, .tabs li#tab_guidelines.selected a, .tabs li#tab_guidelines.selected a strong { background-position:-1651px -324px; width:94px; } /**************************************************************************************************************/ #s_headbar { position:absolute; top:96px; left:0px; width:990px; height:32px; font-size:11px; background:#d1d1d1 url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -5751px 0; } #s_headbar li { list-style:none; } #s_headbar .crumbs { width:640px; height:16px; overflow:hidden; } #breadcrumb { margin:11px 0 0 15px; } /* background:red; */ #breadcrumb span { padding-right:6px; float:left; display:inline; } #breadcrumb ul, #breadcrumb li { float:left; display:inline } #breadcrumb ul { z-index:1; position:relative; margin-left:-5px; } #breadcrumb li { margin-left:5px; height:16px; overflow:hidden } #breadcrumb a { padding-right:8px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -34px; } #page_tools { position:absolute; top:11px; right:93px; width:250px; } #page_tools li { margin-left:14px; float:right; display:inline; } #page_tools li a { padding-left:16px; } #page_tools #tools_print { background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 0 0; } #page_tools #tools_email { background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 0 -18px; } #content { position:relative; margin:0 auto; padding:0 0 18px; width:990px; min-height:575px; background:#e9e9e9; } .home #content { padding:0; } /* HOME PAGE ----------------------------------------------------------------------------------------------------------------------- */ .home #flashContainer { margin:0 0 10px; width:990px; min-height:467px; } .bar { position:relative; min-height:32px; background:#0081b7; overflow:hidden; color:#fff; } .home .bar { height:32px; overflow:hidden; } .bar .bar { background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3771px 0; } .bar .bar .bar { background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -4761px 24px; } .bar a:link { color:#fff; text-decoration:none; } .bar a:visited { color:#fff; text-decoration:none; } .bar a:hover, .bar a:active { color:#fff; text-decoration:none; } #rssheadline { margin:4px; float:left; display:inline; } #headlines { padding:11px 0 0 5px; width:491px; height:18px; float:left; display:inline; overflow:hidden; font-size:11px; font-family:"Lucida Sans", arial, sans-serif; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -1588px 0; } #headlines div { margin:0 0 5px; } #headlines span { padding:0 4px 0 0; color:#000; font-size:10px; } #h_featured { margin:12px 0 20px; } #h_featured a, .h_featured a { margin-right:15px; float:left; display:inline; } #h_featured a.last { margin-right:0; } /* SUB PAGE ----------------------------------------------------------------------------------------------------------------------- */ div.select { position:relative; background-image:url(http://images1.viewsonic.com/images/bg_sprite.png); background-color:#cfcfcf; background-repeat:no-repeat; } div.select label { position:absolute; top:3px; left:5px; color:#767676; font-size:11px; cursor:pointer; z-index:1; } div.disabled label { color:#a4a4a4; } div.select select { position:relative; cursor:pointer; filter:alpha(opacity=0); opacity:0; z-index:2; } div.select option { padding:2px 0 2px 3px; font-size:11px; } .toggle { padding:8px 0 0; background-image:url(http://images1.viewsonic.com/images/bg_toggle.png); background-repeat:no-repeat; } .toggle .toggle { padding:0 0 8px; background-image:url(http://images1.viewsonic.com/images/bg_toggle.png); background-repeat:no-repeat; } .toggle .toggle .toggle { position:relative; padding:5px 0; background-image:url(http://images1.viewsonic.com/images/bg_toggle.png); background-repeat:repeat-y; } .col { float:left; display:inline; } #sidebar { padding-right:22px; width:198px; background:url(http://images1.viewsonic.com/images/bg_subnav.gif) no-repeat 0 0; } #sidebar a.frame, #sidebar a.frame1, #sidebar a.frame_tall, #sidebar a.frame_tall1 { margin:0 0 15px; display:block; } #subnav { margin:50px 0 59px; padding:1px 0 0; background:url(http://images1.viewsonic.com/images/bg_subnav.gif) no-repeat 0 0; } #subnav ul { margin:4px 0 0; } #subnav li { padding:7px 0 8px 14px; color:#c70752; list-style:none; background:url(http://images1.viewsonic.com/images/bg_subnav.gif) no-repeat 0 100%; } #subnav li li { padding:2px 0 0 12px; font-size:11px; background:url(http://images1.viewsonic.com/images/bg_bullet_subnav.gif) no-repeat 5px 8px !important; } #subnav li.open a { color:#c70752; } #subnav li.open li a { color:#0081b7; } #subnav form { margin:7px 0 3px; } #subnav li li div.select { position:relative; margin-left:-12px; } #subnav li li li div.select { margin-left:-24px; } #subnav div.select { width:170px; height:20px; background-position:-3114px -21px; } #subnav div.select select { width:170px; height:20px; } #subnav.nosub, #subnav.nosub li {background:none;} #sidebar #support .toggle { margin:0 0 0 10px; width:187px; background-position:-16154px 0; } #sidebar #support .toggle .toggle { margin:0; background-position:-16341px 100%; } #sidebar #support .toggle .toggle .toggle { padding:5px 15px; width:157px; background-position:-16528px 0; } #sidebar #search .toggle { margin:0 0 0 10px; width:180px; background-position:0 0; } #sidebar #search .toggle .toggle { margin:0; background-position:-180px 100%; } #sidebar #search .toggle .toggle .toggle { padding:5px 15px; width:150px; background-position:-360px 0; } #sidebar #search.hover .toggle { background-position:-540px 0; } #sidebar #search.hover .toggle .toggle { background-position:-720px 100%; } #sidebar #search.hover .toggle .toggle .toggle { background-position:-900px 0; } #sidebar #search.hover1 .toggle { background-position:-1080px 0; } #sidebar #search.hover1 .toggle .toggle{ background-position:-1260px 100%; } #sidebar #search.hover1 .toggle .toggle .toggle { background-position:-1440px 0; } #search div.select { margin:0 0 5px; width:148px; height:20px; background-position:-3114px -42px; } #search div.disabled { background-position:-3114px -126px; } #search div.select select { width:148px; height:20px; } #search h2 { margin:0 0 10px; } #search .btn_view_products { margin:8px 0 11px; width:104px; height:20px; } #search .btn_sort { margin:8px 0 11px; width:66px; height:20px; } #search .view_all { position:absolute; top:9px; right:15px; padding-right:9px; height:15px; font-size:11px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 98% -93px; } #sidebar #search .btn_view_products { margin:8px 0 0; } #support h3 { margin:10px 0; } #support input { padding:2px 0 2px 3px; width:98%; float:left; display:inline; font-size:11px; border:1px solid #cfcfcf; } #support .btn_ask { margin:10px 0 0; padding:0; width:39px; height:20px; float:right; border:none; } #main #search { margin:0 0 10px; } #main #search h2 { margin:0; float:left; display:inline; font-size:16px; } #main #search div.select { margin-left:8px; float:left; display:inline; } #main #search div.select label { top:0; } #main #search input { margin:0 0 0 7px; padding:2px 0 2px 3px; float:left; font-size:11px; border:1px solid #cfcfcf; } #main #search .btn_view_products { margin:0 0 0 10px; padding:0; float:left; display:inline; border:none; } #main #search .btn_sort { margin:0 0 0 10px; padding:0; float:left; display:inline; border:none; } #main #search .btn_go { margin:0 0 0 7px; padding:0; width:33px; height:20px; border:none; } #main #search .view_all { top:4px; background-position:98% -89px; } #main #search p { margin:-3px 0 -8px 1px; float:left; display:inline; clear:both; font-size:11px; } #main #search p span { padding-right:8px; } #main #search .toggle .toggle .toggle { padding:5px 15px; width:740px; } #main #search.awards_sort { clear:both; } #main #search.awards_sort div.select { margin-bottom:0; width:112px; background-position:-3114px -63px; } #main #search.awards_sort div.disabled { background-position:-3114px -147px; } #main #search.awards_sort div.select select { width:112px; } #main #search.awards_sort .view_all { background-position:98% -90px; } #search_results_table { } .results td { border-bottom:1px solid #d1dde3; font-size:13px; cursor:pointer; background:#e9e9e9; } .results .hover td { background:#f4f4f4 !important; } .products .results .hover td { cursor:default; background:none !important; } #main { padding:50px 0 0; width:770px; line-height:20px; min-height:525px; } #main h1 { margin:-6px 0 19px 10px; padding:0; font-weight:normal; } #main h2 { margin:0 0 8px; font-size:20px; line-height:19px; } #main h2.title { display:none; } #main h3 { color:#C70752; font-size:16px; font-weight:bold; } #main h4 { margin:0 0 2px; font-weight:normal; } #main p { margin:0 0 18px; } #main ul { margin-left:10px; } #main ul.nav { margin-left:0; } #main strong { color:#4c4b4b; } .required_6 { color:red; } #main strong.alt { color:#767676; } #main .normal { font-size:12px !important; } #main .smaller { font-size:11px !important; } #main .acrobat { padding:0 18px 3px 0; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -394px; } #main #intro { margin:-20px 0 32px 10px; width:430px; font-size:11px; } #main #intro h2 { margin:0 0 3px -2px; padding:0; color:#8d8d8d; } #main div.table { padding:6px 0 0; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3771px -130px; } #main div.table table { width:100%; border-collapse:collapse; } #main div.table th { padding:0 1px 4px 15px; color:#f4c206; background:#0081b7 url(http://images1.viewsonic.com/images/bg_table_th.png) 0 0; } #main div.table th a { padding-right:13px; color:#fff; } #main div.table th a:hover { color:#fff; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -68px; } #main div.table th a.on { background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -68px; } #main div.table th a.arrow_up { background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -454px; } #main div.table th a.arrow_down { background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -68px; } #main div.table td { padding:5px 5px 5px 14px; border-bottom:1px solid #d2d2d2; vertical-align:middle; } #main div.table td a { float:left; display:inline; } #main div.table td strong { display:block; padding-top:13px; width:100px; color:#0081b7; font-size:16px; } #main div.table td span { padding:0 15px 0 0; display:block; display:block; } #main div.table td.alignright span { padding:0 } #main div.table a.thumb { margin:0 10px 0 -4px; float:left; display:inline; background:#fff; } #main div.table a.thumb span { padding:0; } #main div.table_alt { margin:0 0 10px; } #main div.table_alt td { padding-bottom:5px; background:#fff; } #main div.merchant { width:578px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3771px -154px !important; } #main div.merchant td a { float:none; } #main div#search_results_table td { } #main div.table #col_product { width:190px !important; } #main div.table #col_desc { width:318px; } #main div.table #col_series, #main div.products .col_series { width:110px; } #main div.table #col_size { width:73px; } #main div.table #col_msrp, #main div.table .col_msrp { } #main div.table #col_msrp, #main div.table .results col.col_msrp { width:134px !important; } #main div.products .col_product { width:200px; } #main div.products .col_desc { width:auto; } #main div.products td strong { width:120px; } #main div.products .col_size { width:30px; } #main div.products td.size strong { display:inline; padding:0; width:auto; } #main #flashContainer { margin:-40px 0 10px; } /* div.frame { margin:0 16px 0 0; padding:7px 0 0; width:246px; float:left; display:inline; background-image:url(http://images1.viewsonic.com/images/bg_toggle.png); background-repeat:no-repeat; background-position:-8550px 0; } div.frame div.frame { margin:0; padding:0 0 7px; float:none; display:block; background-position:-8796px 100%; } div.frame div.frame div.frame { position:relative; padding:5px 15px; width:216px; background-repeat:repeat-y; background-position:-9042px 0; } */ div.products_landing h2 { width:auto !important; } div.products_landing div.frame { margin:10px 16px 10px 0; min-height:128px; height:auto; background-image:url(http://images1.viewsonic.com/images/bg_toggle.png); background-repeat:no-repeat; background-position:-8550px 0; } div.products_landing div.frame div.frame { margin:0; padding:0 0 7px; float:none; display:block; background-position:-8796px 100%; } div.products_landing div.frame div.frame div.frame { position:relative; padding:5px 15px 7px; width:216px; min-height:145px; background-repeat:repeat-y; background-position:-9042px 0; } div.products_landing div.last { margin:10px 0 10px 0 !important } div.products_landing div.prod_landing_img { float:right; } div.products_landing div.frame div.select { position:absolute; bottom:5px; } div.landing { position:relative; margin:10px 16px 10px 0; padding:12px 15px 7px; width:216px; height:152px; float:left; display:inline; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -12454px 0; } div.landing_last { margin-right:0; } div.landing { font-size:11px; line-height:12px; } #main div.landing h2 { width:105px; margin:0 0 6px; color:#0081b7; font-size:16px; } div.landing h3 { margin:0 0 3px; color:#c70752; } div.landing .prod_select { position:absolute; bottom:15px; left:15px; } div.landing div.select { position:absolute; bottom:5px; margin:10px 0 0; width:214px; height:20px; background-position:-3114px 0; } div.landing div.select select { width:214px; height:20px; } #main div.archive_landing h2 { margin:5px 0 0; width:auto !important; } div.archive_landing div.select { position:absolute; bottom:15px; } div.archive h2 { width:auto !important; } div.archive div.frame { margin:10px 16px 10px 0; min-height:128px; height:auto; background-image:url(http://images1.viewsonic.com/images/bg_toggle.png); background-repeat:no-repeat; background-position:-8550px 0; } div.archive div.frame div.frame { margin:0; padding:0 0 7px; float:none; display:block; background-position:-8796px 100%; } div.archive div.frame div.frame div.frame { position:relative; padding:5px 15px 7px; width:216px; background-repeat:repeat-y; background-position:-9042px 0; } div.archive div.last { margin:10px 0 10px 0 !important } div.frame { margin:0 16px 0 0; padding:7px 0 0; height:143px; width:246px; float:left; display:inline; position:relative; } div.togglebox div.last { margin:0; } .hover div.frame { background-position:-9288px 0; } .hover div.frame div.frame { background-position:-9534px 100%; } .hover div.frame div.frame div.frame { background-position:-9780px 0; } .hover1 div.frame { background-position:-10026px 0; } .hover1 div.frame div.frame { background-position:-10272px 100%; } .hover1 div.frame div.frame div.frame { background-position:-10518px 0; } div.frame { font-size:11px; line-height:12px; } #main div.frame h2 { width:105px; margin:0 0 6px; color:#0081b7; font-size:16px; } div.frame h3 { margin:0 0 3px; color:#c70752; } div.frame div.select { margin:10px 0 0; width:214px; height:20px; background-position:-3114px 0; } div.frame div.select select { width:214px; height:20px; } #main .toggle { width:770px; background-position:-1620px 0; } #main .toggle .toggle { background-position:-2390px 100%; } #main .toggle .toggle .toggle { background-position:-3160px 0; } #main .alt .toggle { width:770px; background-position:-11534px 0; } #main .alt .toggle .toggle { background-position:-12304px 100%; } #main .alt .toggle .toggle .toggle { background-position:-13074px 0; } #main .hover .toggle { background-position:-3930px 0; } #main .hover .toggle .toggle { background-position:-4700px 100%; } #main .hover .toggle .toggle .toggle { background-position:-5470px 0; } #main .hover1 .toggle { background-position:-6240px 0; } #main .hover1 .toggle .toggle{ background-position:-7010px 100%; } #main .hover1 .toggle .toggle .toggle { background-position:-7780px 0; } #main #twocol, #main #onecol { margin-bottom:10px; } #main #twocol .toggle, #main #onecol .toggle { width:770px; background-position:-13844px 0; } #main #twocol .toggle .toggle, #main #onecol .toggle .toggle { background-position:-14614px 100%; } #main #twocol .toggle .toggle .toggle, #main #onecol .toggle .toggle .toggle { background-position:-15384px 0; } #main #twocol .col { margin:0 10px 0 0; padding:0 0 0 20px; width:360px; float:left; display:inline; } #main #onecol .col { margin:0 10px 0 0; padding:0 0 0 20px; width:730px; float:left; display:inline; } #main #twocol .right { padding:0; margin-right:0; width:380px; } #main #twocol .right .row { padding:0 20px 15px; margin-bottom:12px; border-bottom:1px solid #c8c8c8; } #main #twocol .right .last { padding-bottom:0; margin:0; border:none; } #main #twocol .floatleft { margin-bottom:20px; margin-right:20px; } #main #twocol a { font-weight:bold; } #main #twocol table { margin:-10px 0 0; } #main #twocol td { padding:10px 10px 0 0; vertical-align:top; line-height:14px; } #main #twocol .prodlist div { margin:0 0 20px; } #main #twocol .prodlist div.last { margin:0; } #main #onecol.noline .toggle { width:770px; background-position:-16715px 0 !important; } #main #onecol.noline .toggle .toggle { background-position:-17485px 100% !important; } #main #onecol.noline .toggle .toggle .toggle { background-position:-18255px 0 !important; } .alt .prodlist div { width:100%; margin:0 0 20px; padding:0 0 12px; font-size:11px; line-height:14px; border-bottom:1px solid #ddddde; float:left; display:inline; } .alt .prodlist div strong{ color:#0081b7 !important; font-size:12px; } .featured { margin:0 0 15px; } .alt .list { margin:10px 0 0; } .drivers img.floatleft { margin:0 10px 20px 0; } /* Product Family Page Styles */ .family .frame .frame .frame { padding-bottom:35px !important; } .frame .prod_select { position:absolute; bottom:8px; left:15px; } .family .frame img { float:left; } .prod_select .flexcroll { width:198px; height:275px; overflow:hidden; } /* Product Scrolling Menus ('off' by default) */ .off .results { display:none; } .off a.btn_change { background-position:0 -489px !important; } .prod_select a.btn_change { outline:none; width:214px; height:20px; display:block; background:url(http://images1.viewsonic.com/images/bg_translate.png) no-repeat 0 -510px; } .prod_select a.btn_change:hover { background-position:0 -510px; } .prod_select a.on { background-position:0 -510px; } .prod_select a.on:hover { background-position:0 -510px; } .prod_select a.btn_change span { display:none; } .prod_select .results { padding:7px 31px 7px 14px; width:167px; min-height:265px; background:#e9e9e9 url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -10725px 14px; overflow:hidden; border:1px solid #cfcfcf; border-width:1px 1px 0 1px; } .prod_select .results a { padding:13px 0 10px; width:180px; display:block; color:#767676; text-decoration:none; border-bottom:1px solid #ccc; word-wrap:break-word; } .prod_select .results a:hover { text-decoration:none; background:#fff; } .prod_select .results a.last { border:none; } .prod_select .results a img, .prod_select .results a .img { margin:-5px 10px 0 0 !important; float:left; } .prod_select .results a span { margin:0 0 3px; display:block; color:#0081b7; font-size:14px; } .prod_select .results .scrollbar { top:25px; right:4px; height:140px; } #region.loading, .loading .results { filter:alpha(opacity=0);-moz-opacity:0;opacity:0; } /* SCROLLBAR STYLES ------------------------------------------------------------------------------------- */ .scrollbox { position:relative; } .scrollbar { position:absolute; top:0; right:0; width:9px; cursor:pointer; background:#0081b7; } .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;z-index:1; cursor:pointer} .vscrollerbar {width: 9px; background:#0081B7;} .vscrollerbase {width: 12px;background:url(http://images1.viewsonic.com/images/bg_scrollbar.gif) repeat-y 1px 0;} .vscrollerbasebeg {height: 10px !important;width: 12px;background:#ccc url(http://images1.viewsonic.com/images/bg_sprite.png) -10943px -233px no-repeat;z-index:3} .vscrollerbaseend {height: 10px;width: 12px;background:#ccc url(http://images1.viewsonic.com/images/bg_sprite.png) -10955px -233px no-repeat;z-index:3} /* Product Detail Page Styles */ #prod_detail { position:relative; margin:-40px 0 10px; } #prod_detail .toggle .toggle .toggle { padding:11px 20px 10px; width:730px; } #prod_detail .slideshow { margin:0 38px 0 0; width:350px; min-height:294px; float:left; display:inline; } #prod_detail .slideshow ul#slides { min-height:279px; } #prod_detail .slideshow ul#slides li { top:0; width:350px; } #prod_detail .slideshow ul#slides li img { margin:0; } #prod_detail .slideshow ul#controls { top:284px; left:-4px; } #prod_detail #details { margin:21px 0 0; width:342px; float:left; display:inline; font-size:15px; } #prod_detail #details h2 { /*width:200px;*/ color:#8d8d8d; font-size:18px; line-height:22px; } #prod_detail #details a { font-size:11px; } #prod_detail #details a.view_all { padding:0 9px 0 2px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 98% -93px; } #prod_detail #details span { padding-right:2px; color:#c70752; font-size:12px; } #prod_detail #details span#case_color { padding-left:10px; } #prod_detail #details span.case_color { padding:0 12px; margin:1px; border:1px solid #e3e3e3; height:12px; display:inline-block; overflow:hidden; vertical-align:middle; } #prod_detail #details span.case_color span { display:none; } #prod_detail #details #detail_btns { margin:17px 0 33px; width:295px; } #prod_detail #details #detail_btns a { margin:0 5px 5px 0; float:left; } #prod_detail #details .bandwidth { margin:-2px 0 0 3px; padding-left:24px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 0 -235px; } #prod_detail #details .bandwidth a { padding-right:3px; } #main .specifications col.heading { width:150px; } #main .specifications td { padding:2px; } #main .specifications tr.line td { background:url(http://images1.viewsonic.com/images/bg_line.gif) repeat-x 0 50%; overflow:visible; height:20px; } #main .specifications td.heading h4 { position:relative; top:27px; color:#767676; font-weight:bold; font-size:12px; } /* CASE COLORS */ #cc_white { background:white; } #cc_silver { background:silver; } #cc_beige { background:beige; } #cc_blue { background:blue; } #cc_green { background:green; } #cc_black { background:black; } #cc_grey { background:#828282; } #cc_blackandwhite { background:#b6b9b4 url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3114px -221px; } #cc_blackandsilver { background:#7d7d7d url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3160px -221px; } #cc_wood { background:#B38A6A url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3206px -221px; } a#icon_rss { position:absolute; top:-4px; right:21px; padding:2px 32px 0 0; display:block; height:22px; background:url(http://images1.viewsonic.com/images/bg_button.png) no-repeat 100% 0; z-index:1; } .tabs { margin:-12px 0 0 1px; min-height:130px; } .tabs .yui-nav, .tabs .link-nav { padding-left:9px; width:759px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -8542px 0; } .tabs .yui-content { padding:27px 20px 27px 30px; } .tab_content { position:relative; width:510px; } #main .tab_content h2 { margin:-2px 0 3px; line-height:22px; } #main .tab_content h3 { margin:0 0 14px; color:#767676; font-size:14px; font-weight:normal; } .tab_content ul.newslist { .margin-left:-20px !important; _margin-left:-24px !important; } .newslist div li a span { .margin-left: -16px !important; _margin-left: 0px !important; } .tab_sidebar { margin:5px 1px 0 0; width:186px; float:right; display:inline; font-size:11px; line-height:14px; } .tab_sidebar a.frame { margin:0 0 15px; display:block; } .tab_sidebar a.img { margin:0 0 15px; padding:4px; display:block; background:#f1f5fb; border:1px solid #bababa; } .tab_sidebar .inner { margin:0 8px; padding-top:2px; } .tab_sidebar p { margin-bottom:16px; } .tab_sidebar p.note { font-size:10px; line-height:12px; } .tab_sidebar strong { color:#c80d56; font-size:12px; font-weight:normal; } .alt .tab_content { margin:0 0 0 20px; } .alt .tab_sidebar { margin:0 10px 0 0; } ul.genericlist { margin-bottom:20px; } ul.genericlist li { margin-left:16px; list-style:square; } ul.listcircle { margin-bottom:20px; } ul.listcircle li { margin-left:16px; list-style:disc; } ol.genericlist { margin-bottom:20px; } ol.genericlist li { margin-left:22px; } ul.nobullet { margin-bottom:20px;} ul.nobullet li { list-style:none; } #main ul.list { margin:-2px 0 0 -10px; } ul.list li { line-height:15px; list-style:none; border-bottom:1px solid #e3e3e3; } ul.list li span { margin:0 0 1px; padding:0; display:block; color:#767676; font-size:11px; font-weight:normal; } ul.list li a { padding:7px 0 7px 9px; display:block; } ul.list li a:hover { background:#f6f6f6; text-decoration:none; } .userguides { float:left; width:720px; } #userguides { margin:0 !important; } #userguides li { padding:0px 0 7px 9px; font-size:11px; } #userguides li li { padding:7px 0 7px 9px; } #userguides li h3 { margin:10px 0 5px !important; } #userguides li small { margin:0 0 5px 9px; display:block; float:left; } #userguides li small a { display:inline; padding:0; clear:none; font-size:10px; } #userguides a, #userguides p { margin:0; padding:7px 0 6px 9px; clear:left; font-size:12px; } #userguides p { padding:7px 0 6px; width:100%; } #userguides span.document a { display:inline; font-size:12px; padding-right:15px; } #userguides span.pdf { display:inline; float:right; margin-top:-15px; } #userguides span.lang { clear:left; } #userguides ul { clear:left; border-top:1px solid #E3E3E3; margin:0 0 0 -9px !important; } #userguides .last { border-bottom:none; } #userguides li div.clearfix { clear:left; padding-bottom:7px; } ul.product { margin-bottom:20px !important; } ul.product li { padding:7px 10px; } .alt ul.list { margin:10px 0 0; } #main .guides { width:540px; } #main .guides ul.list li strong { width:164px; display:block; float:left; } #main .guides ul.list li span { margin:0 10px 0 0; display:block; float:left; color:#0081b7; font-size:12px; } #main .guides ul.list li span.pdf { margin:0; padding:0 0 0 20px; display:block; float:left; color:#767676; font-size:11px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 0 -427px; } #main .product ul.list { padding:0; margin:-2px 0 0 -10px; } #main .product h2 { font-weight:normal; } #main .product h3 { margin:0 0 5px; color:#d44e81; font-weight:normal; } #main .product h4 { margin:0 0 5px; color:#cb2567; font-size:14px; } #main .product ul.list li { padding:7px 0 7px 9px; font-size:11px } #main .product ul.list span, #main .product ul.list a { display:inline; margin:0; padding:0 } #main .product ul.list a { padding-right:15px; font-size:12px; } #main .product .accessories { font-size:12px; } #main .product .accessories .image { float:left; margin:0 10px 10px; } #main .product .accessories .addtocart { float:right; position:relative; margin-top:-20px; } #main .product .accessories h2 { margin-bottom:0 } #main .product .accessories h3 { font-size:14px; color:#949494 } ul.awards { width:150px; font-size:11px; list-style:square; line-height:12px; } ul.awards li { margin:5px 0; } ul.awards ul { margin-left:15px; list-style:disc; } ul.awards li.image, ul.awards li.divider{ list-style:none; text-align:center; } ul.awards li hr { height:1px; color:#e3e3e3; background:#e3e3e3; border:none; } ul.awards span.date { margin: 2px 0 1px; display:block; } ul.awards_alt { margin:0 0 30px 50px !important; } ul.awards_alt li { margin:0 0 10px !important; } #main ul.testimonial { margin:0 0 0 15px; } ul.testimonial li { margin:0 0 7px; } ul.testimonial q.title { display:block; font-style:italic; } #main ul.testimonial strong.alt { font-size:11px; font-weight:normal; } #main .testimonial p { margin:0 0 0px; } span.lang { display:block; float:left; width:130px; font-weight:bold !important; font-size:12px !important; } span.document { display:block; float:left; width:550px; } ul.alt li { padding-left:7px; list-style:none; background:url(http://images1.viewsonic.com/images/bg_alt_list.gif) no-repeat 0 11px; } ul.archive { position:absolute; top:-15px; left:-2px; _left:0px; } ul.archive li { margin-right:7px; padding-right:8px; list-style:none; float:left; display:inline; color:#c70752; font-size:11px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -151px; } .pager .paginglist li { list-style:none; display:inline; margin-right:10px; } #eventlistbox { width:700px; margin-top:-10px; } #eventlistbox .eventitem { margin-bottom:10px; } #eventlistbox .eventitem li { list-style:none; } .media_search { padding:11px 0 7px 14px; border-bottom:1px solid #c8c8c8; } .media_search form { margin:-5px 20px 0 0; padding:5px 0 0; width:452px; height:25px; float:left; display:inline; } .media_search form.select_prod_category { padding-right:14px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat scroll 198px -179px; } .media_search div.select { width:170px; height:20px; float:left; display:inline; background-position:-3114px -21px; } .media_search div.select select { width:170px; height:20px; } .media_search div.select label { top:1px; } .media_search input { margin:0 1px 0 0; padding:3px 0 1px 3px; width:141px; height:14px; float:left; display:inline; font-size:11px; border:1px solid #cfcfcf; } #main .media_search p { margin:0; clear:both; font-size:11px; line-height:15px; } .media_search p span { padding-right:8px; } .media_search .btn_go { margin:0 14px 0 9px; padding:0; width:33px; height:20px; color:#fff; background:#0e8dc1; border:none; } .media_search .view_all { position:absolute; top:35px; right:14px; padding-right:9px; height:15px; font-size:11px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 98% -90px; } #main .media_center .toggle .toggle { background-position:-10764px 100%; } #main .media_center .toggle .toggle .toggle { padding-bottom:0; background-position:-3160px 0; } .media_center .tabs .yui-content { padding:19px 18px 5px 18px; width:732px; min-height:40px; background:#fff; } #main .media_center h3 { margin:-4px 0 5px; color:#767676; font-size:14px; font-weight:normal; } #main .media_center h4 { margin-left:1px; font-size:15px; font-weight:bold; } #main h4.relevant { margin-top:15px; } #main p.results span { padding-right:8px; } #main p.results strong { padding-right:3px; color:#c70752; } .product_view { padding:7px 0 8px; border-top:1px solid #cfcfcf; } #main .product_view h5{ margin:0 0 8px 2px; } .product_view img { margin-bottom:10px; } .product_view div { position:relative; margin:0 20px 20px 0; padding-bottom:18px; min-width:160px; min-height:164px; float:left; display:inline; text-align:center; } .product_view div p { margin:0 0 20px; padding:0 0 3px; width:100%; font-size:11px; color:#c70752; text-align:left; border-bottom:1px solid #ebebeb; } .product_view ul.selection { margin:0 !important; position:absolute; bottom:0; left:0; width:160px; height:18px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -5813px -39px; } .product_view ul.selection li { margin-left:-1px; width:54px; height:18px; float:left; display:inline; font-size:11px; line-height:17px; text-align:center; } .product_view ul.selection li a { margin-left:1px; padding-left:1px; width:51px; height:16px; display:block; } .product_view ul.selection li a:hover { padding-left:0; text-decoration:none; line-height:16px; border:1px solid #ca175d; } .product_view ul.banners { list-style:none; } .product_view p { width:75%; font-size:12px; line-height:14px; } .product_view a.totop { margin:10px 0 20px; display:block; } .paging { width:100%; text-align:right; font-size:11px; } .paging span { padding:0 2px; display:inline-block; } .paging a { padding:0 2px; display:inline-block; } .paging a:hover { background:#f6f6f6; text-decoration:none; } .popup .outer { padding:10px; background:url(http://images1.viewsonic.com/images/bg_popup.png) 0 0; margin-right:0px !important; } .popup .inner { padding:20px; width:292px; background:#fff; height: 350px; overflow:scroll; } .popup h6 { margin:0 0 12px; } .popup p { line-height:16px; margin-bottom:10px; } .popup ul.checkbox li { position:relative; margin:0 0 4px; padding:0 0 0 23px; min-height:15px; list-style:none; line-height:16px; } .popup ul.checkbox input { position:absolute; top:2px; left:0; margin:0; padding:0; width:13px; height:13px; cursor:pointer; } .popup .btn_download { margin:15px 0 0; width:82px; height:20px; } .popup a.close { margin:-15px 0 0; float:right; } .popup .pop_sidebar { margin:10px 20px 0 0; width:130px; float:left; text-align:center; } .popup .pop_sidebar img { margin:0 0 15px; } .popup .pop_main { margin-top:10px; width:190px; float:left; line-height:14px; } .popup .pop_main span { font-size:11px; line-height:13px; } .popup .pop_main .btn_buy_award_product { margin:16px 0 0; } .video_list { margin:0 0 25px !important; } .video_list li { margin-bottom:10px; padding-bottom:5px; list-style:none; border-bottom:1px solid #ddddde; } .video_list li.last { border:none; } .video_list .media_videos { padding-right:20px; width:511px; float:left; display:inline; font-size:11px; line-height:14px; } .toggle .video_list .media_videos { width:498px; } #main .video_list .media_videos h4 { margin:3px 0 2px; color:#767676; font-size:12px; } #main .video_list .media_videos h4.external { color:#c70752; } #main .video_list .media_videos h4.external span { padding-right:16px; color:#767676; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -315px } #main .video_list .media_videos h5 { margin:0 0 4px; color:#c70752; font-size:12px; font-weight:normal; } .video_list .hi_low { padding:0 0 0 1px; width:200px; float:left; display:inline; font-size:11px; line-height:13px; background:url(http://images1.viewsonic.com/images/bg_dots.gif) repeat-y 0 0; } .video_list .hi_low ul { margin:3px 0; } .video_list .hi_low li { margin:0; padding:0 0 0 5px; min-height:22px; border:none; cursor:pointer; } .video_list .hi_low li a { padding:5px 0 5px 33px; display:block; color:#77787a; text-decoration:none; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 5px -255px; border:none; } .video_list .hi_low li a:hover { text-decoration:none; background-color:#efefef; } .video_list .hi_low img.floatleft { margin:0 10px 0 0 } .video_list .hi_low li a.clearfix { background:url(http://images1.viewsonic.com/images/bg_hilow.png) no-repeat 5px 50%; } .video_list .hi_low li a.clearfix:hover { text-decoration:none; background-color:#efefef; } .video_list .hi_low li a.clearfix span { display:block; line-height:54px; } .toggle .video_list .hi_low li a.clearfix span { line-height:14px; } .video_list .hi_low li a.clearfix img { float:left; } #main .video_list .hi_low li a strong { color:#0081b7; font-size:12px; } .video_list .hi_low ul.external li a { padding-left:10px; background-image:none; } .video_list .hi_low ul.external span { margin:3px 0; padding:3px 0 0 33px; width:50px; min-height:30px; float:left; display:block; cursor:pointer; color:#0081b7; font-size:12px; font-weight:bold; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 5px -255px; } #award_panel, #award_panel .bd, #popup, #popup .bd { border:none; padding:0 } #award_panel .hd, #popup .hd { display:none; } #award_panel .popup .inner, #popup .inner { position:relative; padding:10px 10px 30px 10px; width:340px; min-height:100px; text-align:left } #award_panel .bd, #popup .bd { background:none; } #award_panel_c .underlay, #popup_c .underlay { display:none; } #award_panel .container-close, #popup .container-close { display:none; } #award_panel .close { float:none; margin:0; position:absolute; bottom:17px; right:20px; cursor:pointer; } #popup .close {float:right; margin:0; bottom:17px; right:20px; cursor:pointer;} #popup .inner { padding:10px; } #award_panel .popup .inner { height:auto; overflow:visible; } div.none { height:150px; padding-top:150px; text-align:center } .awardsbox { position:relative; padding:7px 0 0; width:310px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -9868px 0; } .awardsbox .awardsbox { padding:0 11px 7px; width:288px; background:#fff url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -10178px 100%; } #main .awardsbox h2 { font-size:16px; } #feat_awards { margin:0 0 24px; float:right; display:inline; _margin-right:2px; } #feat_awards h2 { position:absolute; top:2px; left:11px; z-index:30; } #feat_awards .awardsbox { min-height:118px; } .slideshow { position:relative; min-height:100px; } .slideshow ul#controls { position:absolute; top:9px; right:4px; z-index:20; } .slideshow ul#controls li { margin:0 0 0 5px; width:8px; height:8px; float:left; display:inline; overflow:hidden; } .slideshow ul#controls li a { display:block; width:8px; height:8px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 0 -219px; } .slideshow ul#controls li a span{ display:none; } .slideshow ul#controls li a.on { background-position:0 -227px; } .slideshow ul#controls .ssresume { display:none; } .slideshow ul#controls .ssresume span { display:block; float:left; height:10px; margin:0 8px 0 0; width:20px; } .slideshow ul#controls #ssresume { cursor:pointer; } .slideshow ul#slides { position:relative; width:143px; min-height:100px; list-style:none; z-index:10; } .slideshow ul#slides li { position:absolute; top:10px; left:0; width:288px; min-height:90px; } .slideshow ul#slides li p { margin:36px 0 0; padding:0 10px 0 0; width:135px; float:left; display:inline; font-size:11px; line-height:13px; } .slideshow ul#slides li p span { margin:0 0 5px; padding-left:10px; display:block; background:url(http://images1.viewsonic.com/images/bg_bullet.gif) no-repeat 0 5px; } .slideshow ul#slides li img { margin:17px 0 0; float:left; display:inline; } #main .awards_results .toggle { padding:14px 0 0; background-color:#fff; } #main .awards_results .toggle .toggle { padding:0; background:none; } #main .awards_results .toggle .toggle .toggle { background:none; } .awards_results #results { margin:-14px 0 0; float:left; } .awards_results #results .row div { width:154px; height:179px; float:left; display:inline; text-align:center; } .awards_results #results a { padding:11px 10px; width:134px; height:157px; float:left; display:inline; text-decoration:none; border:1px solid #d2d2d2; border-width:0 1px 1px 0; } .awards_results #results a:hover { padding:10px 9px; width:134px; height:157px; border:1px solid #ca165d !important; text-decoration:none; } .awards_results #results img { margin-bottom:5px; } .awards_results #results span { padding-left:8px; display:block; color:#767676; font-size:11px; line-height:13px; text-align:left; background:url(http://images1.viewsonic.com/images/bg_bullet.gif) no-repeat 0 5px; } .awards_results #results div.last a { border-width:0 1px 0 0; } .awards_results #results div.last a.last { border-width:0 0 0 0; } .awards_results #results a.last { border-width:0 0 1px 0; } .homeoffice #main #flashContainer { margin-bottom:0; } #s_featured { margin:12px 0 20px; } #s_featured li { float:left; } #s_featured ul { margin:0 !important; list-style:none; } #s_featured a { margin-right:8px; float:none; display:inline; } #s_featured a.last, #s_featured li.last a { margin:0 0 0 1px; } /* VIEWSONIC GREEN ------------------------------------------------------------------------------------- */ .green { padding:10px; width:590px; background:#fff; } .green td { text-align:left; } .dotlist { margin:0 0 10px; } .dotlist li { padding:0 0 2px 10px; list-style:none; background:url(http://images1.viewsonic.com/images/dot_gray.gif) no-repeat 0 6px; } p.dot { padding:0 0 0 10px; background:url(http://images1.viewsonic.com/images/dot.gif) no-repeat 0 5px; } #main h2.dot { padding:0 0 0 10px; font-size:12px; color:#767676; background:url(http://images1.viewsonic.com/images/dot.gif) no-repeat 0 5px; } .monitor { padding:43px 0 0; width:583px; background:url(http://images1.viewsonic.com/images/monitor_top.gif) no-repeat 0 0; } .monitor .monitor { padding:0 0 6px; background:url(http://images1.viewsonic.com/images/monitor_btm.gif) no-repeat 0 100%; } .monitor .monitor .monitor { padding:0 10px 0; width:563px; background:url(http://images1.viewsonic.com/images/monitor_stretch.gif) repeat-y 0 0; } .monitor .dotlist { margin:0 0 10px; padding:10px 0 0; } /* ARCHIVED PRODUCTS RIBBON ------------------------------------------------------------------------------------- */ .ribbon { position:absolute; top:0; right:0; width:143px; height:143px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -12311px 0; z-index:1; } .ribbon h2 { display:none; } /* FOOTER STYLES ----------------------------------------------------------------------------------------------------------------------- */ #footer { margin:10px 0; position:relative; min-width:990px; clear:left; background:url(http://images1.viewsonic.com/images/bg-sub-footer.png) no-repeat 50% 0; } .home #footer { background:url(http://images1.viewsonic.com/images/bg-footer.png) no-repeat 50% 0; } #footer .inner { position:relative; clear:left; margin:0 auto; width:990px; text-align:left; padding:0; height:132px; color:#9b9b9b; font-size:11px; } .home #footer .inner { padding:14px 0 0; height:78px; } #footer a:link { color:#26a0c9; text-decoration:none; } #footer a:visited { color:#26a0c9; text-decoration:none; } #footer a:hover, #footer a:active { color:#26a0c9; text-decoration:underline; } #footer p, #footer ul, #footer li { float:left; display:inline; } #footer li { margin:0 9px 0 0; } #footer p.disclaimer { margin-top:25px; clear:left; width:970px; } #footer #footer_sub { margin:11px 0 28px; width:970px; float:left; color:#8c9498; font-size:12px; } #footer #footer_sub ul { margin:0 9px 0 0; } #region { position:absolute; bottom:56px; right:0px; } .region { width:257px; padding:8px 0 0; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -7771px 0; } .region .region { padding:0 0 6px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -8028px 100%; } .region .region .region { width:237px; padding:0 10px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) repeat-y -8085px 0; } #footer .results { margin:0 0 15px; } #footer .results div.flexcroll { height:150px; overflow:hidden; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -10488px 0; } #footer .results h2 { color:#f4c206; } #footer .results h3 { margin:10px 0 3px 10px; font-size:12px; } #footer .results ul { margin:0 0 0 11px; display:block; float:none; } #footer .results li { padding:0 0 3px 9px; display:block; float:none; list-style:none; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 0 -112px;} #footer .results .scrollbar { top:8px; height:43px; } .display p { float:left; display:inline; } .display strong { color:#ca0650; font-weight:normal; } #footer a.btn_change { outline:none; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat !important; background-position:-5751px -53px !important; display:block; text-decoration:none; margin-right:5px; padding:3px 0 0 8px; width:52px; height:11px; float:right; display:block; color:#fff;font-size:8px; font-weight:bold; } #footer .off a.btn_change { background-position:-5751px -39px !important } #footer a.btn_change { } #footer a.btn_change span { display:none; } #footer .vscrollerbasebeg { height:8px !important; background-position:-10713px 0; } #footer .vscrollerbaseend { height:8px; background-position:-10713px -148px } #footer .vscrollerbase { background:none; } /* SITEMAP/404 ------------------------------------------------------------------------------------- */ #sitemap { margin-top:-25px; } #sitemap table { width:700px; } #sitemap td { width:350px; vertical-align:top; } #sitemap td h2 { margin:25px 0 0 10px; } #sitemap ul { margin:4px 0 0; } #sitemap .level1 {} #sitemap .level1 li { padding:7px 0 4px 14px; color:#c70752; list-style:none; background:url(http://images1.viewsonic.com/images/bg_subnav.gif) no-repeat 0 100%; } #sitemap .level2 { margin:5px 0 0 20px; } #sitemap .level2 li { padding:2px 0 0 12px; font-size:11px; background:url(http://images1.viewsonic.com/images/bg_bullet_subnav.gif) no-repeat 5px 10px !important; } #sitemap .level2 ul { margin-left:7px; } #sitemap .level4 { margin-left:7px;} /* RSS FEEDS ------------------------------------------------------------------------------------- */ .feeds_intro { position:relative; margin:0 0 15px; padding:0 330px 0 10px; min-height:170px; } #feeds_examples { position:absolute; top:0; right:0; } #feeds_examples h2 { margin:0 0 10px 5px; } #feeds_examples table { margin:0 0 0 5px; width:90%; } #feeds_examples td { width:45%; } #feeds_examples img { display:block; } #feeds_examples a { outline:none; } .sIFR-hasFlash #main h1.feeds { padding-left:0; } .feeds { margin:0 0 15px; clear:both; } .feeds td a.iconlink { margin:0 2px 0 0; } .feeds .feed_topic { width:100px; } .feeds .feed_url { width:280px; } .feeds .feed_readers { } /* FLYOUT MENU ------------------------------------------------------------------------------------- */ #menu_0_0_0 { display:block !important; } /* The first menu is always showing */ #menu { display:none; } .flyout { display:none; z-index:2; position:absolute; top:48px; left:221px; font-family:"Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif; } .flyout ul { margin:10px 0 0 20px; width:162px; padding:0; list-style:none; position:relative } .flyout li { border-bottom:1px solid #000 } .flyout li.last { border-bottom:none; } .flyout div.level_0, .flyout div.level_1, .flyout div.level_2, .flyout div.level_3, .flyout .inner { display:none; margin:0; padding:0; z-index:5; position:absolute; top:0; left:10px; width:192px; height:180px; background-position:-11121px 0; list-style:none; background-image:url(http://images1.viewsonic.com/images/bg_sprite.png); background-position:-10939px 0; font-size:11px; } .flyout div.level_0 { left:0; display:block; width:182px; } .flyout div.level_0 ul { margin:10px 0 0 10px; } .flyout div.level_1 { z-index:4; background-position:-11121px 0 } .flyout div.level_1 li { border-color:#040709; } .flyout div.level_2 li { border-color:#0c1418; } .flyout div.level_3 li { border-color:#18232b; } .flyout div.level_2 { z-index:3; background-position:-11313px 0 } .flyout div.level_3 { z-index:2; background-position:-11505px 0 } .flyout div.level_3 div.scroll { position:relative; height:180px; overflow:hidden } .flyout a { word-wrap:break-word; width:152px; display:block; padding:3px 5px; text-decoration:none; background:url(http://images1.viewsonic.com/images/bg_menu_links.gif) no-repeat -1458px 50%; color:#0192c1; line-height:15px; } .flyout a:hover, .flyout a.selected { text-decoration:none; color:#fff; } .flyout a.parent { background-position:-648px 50%; } .flyout div.level_0 a:hover, .flyout div.level_0 a.selected { background-position:0 50%; } .flyout div.level_1 a:hover, .flyout div.level_1 a.selected { background-position:-972px 50%; } .flyout div.level_2 a:hover, .flyout div.level_2 a.selected { background-position:-1134px 50%; } .flyout div.level_3 a:hover, .flyout .inner a:hover { background:url(http://images1.viewsonic.com/images/bg_menu_links.gif) no-repeat -1458px 50%; background-position:-1296px 50%; } .flyout div.level_3 a { background-image:none; } .flyout div.level_0 a.parent:hover, .flyout div.level_0 a.parent.selected { background-position:0 50%; } .flyout div.level_1 a.parent:hover, .flyout div.level_1 a.parent.selected { background-position:-162px 50%; } .flyout div.level_2 a.parent:hover, .flyout div.level_2 a.parent.selected { background-position:-324px 50%; } .flyout div.level_3 a.parent:hover, .flyout .inner a:hover { background:url(http://images1.viewsonic.com/images/bg_menu_links.gif) no-repeat -648px 50%; background-position:-486px 50%; } .flyout .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;z-index:6; cursor:pointer} .flyout .vscrollerbar {width: 7px; background:#0081B7; margin-left:4px;} .flyout .vscrollerbase {width: 16px;background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -11697px 0;} .flyout .vscrollerbasebeg {height: 10px !important;width: 16px;background:url(http://images1.viewsonic.com/images/bg_sprite.png) -11697px -1px no-repeat;z-index:7} .flyout .vscrollerbaseend {height: 12px;width: 16px;background:url(http://images1.viewsonic.com/images/bg_sprite.png) -11697px -167px no-repeat;z-index:7} /* "NORMAL" FLYOUTS (SHOP/SUPPORT/COMPANY) */ .normal { width:182px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -11947px 0; padding-top:13px; } .flyout .inner { position:static; left:0; display:block; width:182px; height:auto; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -12129px 100%; padding-bottom:13px; } .flyout .inner ul { width:auto; margin:0 10px } .flyout .inner a { background-image:none; } .flyout#menu_shop { left:339px; } .flyout#menu_support { left:425px; } .flyout#menu_company { left:536px; } /* EVENTS DETAIL ------------------------------------------------------------------------------------- */ .eventsimg { margin:15px 0 0; width:100%; list-style:none; } .eventsimg li { margin-right:20px; float:left; } .eventsimg a { display:block; } /* Viewschool */ #viewschool_login .formtable input { margin-right:50px; } #viewschool_login p { width:600px; } #viewschool_login #persist { margin-left:0px; margin-top:10px; } #viewschool_login .formError { color:red; } /* sIFR ------------------------------------------------------------------------------------- */ /* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */ .sIFR-flash { margin:0; visibility:visible !important; } .sIFR-replaced { visibility:visible !important; } span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; } /* HIDE ADBLOCK OBJECT TAB:THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */ .sIFR-flash + div[adblocktab=true] { display:none !important; } /* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED... NEGATIVE-LETTER SPACING IS USED TO MAKE THE BROWSER TEXT METRICS MATCH UP WITH THE sIFR TEXT METRICS SINCE THE sIFR TEXT MAY NOT ALWAYS MATCH UP. YOUR OWN SETTINGS MAY VARY... ANY WEIRD SIZING ISSUES YOU MAY RUN INTO ARE USUALLY FIXED BY TWEAKING THESE DECOY STYLES. BE AS SPECIFIC AS NEEDED. */ .sIFR-hasFlash #main h1 { margin:-9px 0 22px 8px; font-size:42px; line-height:46px; visibility:hidden; } .sIFR-hasFlash #main #prod_detail #details h1 { margin:-9px 0 6px -2px; visibility:hidden; } .sIFR-hasFlash #main #prod_detail #details h2 { margin:0; font-size:20px; line-height:24px; visibility:hidden; } .sIFR-hasFlash #main #intro h2 { font-size:18px; line-height:22px; visibility:hidden; } .sIFR-hasFlash #main .media_center h3 { font-size:16px; line-height:18px; visibility:hidden; } .sIFR-hasFlash #main .alt h3 { font-size:16px; line-height:18px; visibility:hidden; } /* ICONS */ .pdf { padding: 1px 0 0 21px !important; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 0 -356px; } /* MISC. CLASSES & IDS ----------------------------------------------------------------------------------------------------------------------- */ .show { display:block; } .hide { display:none; } .clear { clear:both; } br.clear { line-height:0px; height:0; } .sectiontitle { display:none !important; } .clearfix:after, .bar .bar .bar:after, #footer_sub:after, .toggle:after, .paging:after, .awardsbox .awardsbox:after, .awards_results #results .row:after, .popup .inner:after, .video_list li:after, .video_list .hi_low ul.external li a:after, #main #twocol .row:after, ul.guides li a:after, #languages li:after, .pager:after, .eventsimg:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .display:after, #languages li:after, .pager:after { /*\*/content:"."; display:block; height:0; clear:both; visibility:hidden;/**/ } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix, .bar .bar .bar, #footer_sub, .toggle, .paging, .awardsbox .awardsbox, .awards_results #results .row, .popup .inner, .video_list li, .video_list .hi_low ul.external li a, #main #twocol .row, ul.guides li a, #languages li, .pager, .eventsimg { display:inline-block; } .clearfix, .bar .bar .bar, #footer_sub, .toggle, .paging, .awardsbox .awardsbox, .awards_results #results .row, .popup .inner, .video_list li, .video_list .hi_low ul.external li a, #main #twocol .row, ul.guides li a, #languages li, .pager, .eventsimg { /*\*/display:block;/**/ } /* FIX FOR PWP RETYPE PASSWORD STYLING */ .PWPRetypePromptText { display:block; } .form-optin .retypePrompt { visibility:visible !important; } /* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG, MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */ * html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ } .floatleft { float:left; } .floatright { float:right; } img.floatleft { margin:0 10px 5px 0; position:relative; } img.floatright { margin:0 0 5px 10px; position:relative; } a.linktop { margin-top:10px; } a.linkright { margin-right:10px; } a.linkbtm { margin-bottom:10px; } a.linkleft { margin-left:10px; } table.floatleft { margin:0 20px 5px 0; position:relative; } table.floatright { margin:0 0 5px 20px; position:relative; } .alignleft { text-align:left; } .alignright { text-align:right; } .aligncenter { text-align:center; } .aligntop { vertical-align:top; } .alignbottom { vertical-align:bottom; } .pager { margin:10px 0; width:96%; line-height:12px; clear:both; } .pagecount { margin:0 !important; line-height:20px; font-size:11px; } .pager ul { float:right; margin:0 !important; font-size:11px; } .pager li { margin:5px 0 0 5px !important; display:inline; float:left; } .pager li a, .pager li span { float:left; display:block; border:1px solid #e1e1e1; padding:3px 5px; } .pager li a:hover { text-decoration:none; border: 1px solid #CA175D} .pager li a.active, .pager li span { color:#767676; border-color:#e1e1e1 !important } .pager li.viewall { border-right:none; } .biglinks { margin:0 !important; } .biglinks li { float:left; width:23%; margin:20px 20px 0 0; list-style:none; } .biglinks a { display:block; background:#FFF; color:#0081B7; border:2px solid #E1E1E1; padding:6px; text-align:center; font-weight:bold; font-size:15px; } .biglinks a:hover { background:#FFF; border-color:#CA175D; } /* PINTBOX PANEL ------------------------------------------------------------------------------------- */ .yui-overlay, .yui-panel-container{ visibility:hidden; position:absolute; z-index:100; } .yui-panel-container form { margin:0; } .mask{z-index:4;display:none;position:absolute;top:0;left:0;right:0;bottom:0;} .mask.block-scrollbars{overflow:auto;} .masked select, .drag select, .hide-select select { _visibility:hidden; } .yui-panel-container select {_visibility:inherit; } .hide-scrollbars, .hide-scrollbars * { overflow:hidden; } .hide-scrollbars select { display:none; } .show-scrollbars { overflow:auto; } .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;} .yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;} .yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;} .yui-effect-fade .underlay{display:none;} .yui-tt-shadow{position:absolute;} .mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);} .yui-panel-container{padding:0 1px;*padding:2px 3px;} .yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:4;} .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {text-align:left;*zoom:1;*position:relative; margin:0 -1px;} /* border-style:solid;border-width:0 1px;border-color:#808080; */ .yui-panel .hd {border-bottom:solid 1px #ccc;} .yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;} .yui-panel .hd { padding:4px 10px 0; height:26px; font-size:93%; line-height:2; *line-height:1.9; font-weight:bold; color:#f4c206; background:#0081b7; } .yui-panel .bd{padding:10px;} .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;} .yui-panel-container.focused .yui-panel .hd{} .container-close { position:absolute; top:2px; right:10px; width:49px; height:25px; background:#0081b7 url(http://images1.viewsonic.com/images/bg_translate.png) no-repeat 0 -532px; cursor:pointer; } .yui-panel-container .underlay{right:-1px;left:-1px;} .yui-panel-container.matte{padding:9px 10px;background-color:#fff;} .yui-panel-container.shadow{_padding:2px 5px 0 3px;} .yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);} .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;} .yui-dialog .ft .button-group{display:block;text-align:right;} .yui-dialog .ft button.default{font-weight:bold;} .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;} .yui-dialog .ft span.default .first-child{border-color:#304369;} .yui-dialog .ft span.default button{color:#fff;} .yui-simple-dialog .bd .yui-icon{background:url(http://images1.viewsonic.com/images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;} .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;} .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;} .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;} .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;} .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;} .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;} .yui-tt .bd{position:relative;top:0;left:0;z-index:4;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;} .yui-tt.show-scrollbars .bd{overflow:auto;} .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;} .yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);} /* EMAIL THIS PAGE POPUP ------------------------------------------------------------------------------------- */ #emailpop { background:url(http://images1.viewsonic.com/images/bg_emailfriend.jpg) no-repeat 50% 50%; line-height:20px; color:#c9c9c9; font-size:11px; text-align:left; } #emailpop #leftcol { margin-left:39px; width:138px; float:left; display:inline; } #emailpop #rightcol { margin-left:39px; width:240px; float:left; display:inline; } #emailpop h3 { margin:30px 0 10px 39px; text-align:left; color:#c9c9c9; font-size:21px; line-height:25px; } #emailpop input, #emailpop textarea { width:95%; height:14px; padding:2px; font-size:11px; color:#000; background:#c5c5c5; border:1px solid #404040; border-color:#404040 #000 #000 #222 } #emailpop textarea { height:74px; width:85%; } #emailpop #sendbutton { margin:15px 30px 0 0; padding:0; float:right; width:auto; height:auto; border:none; } #emailpop .cartError { color:red; } #emailpop #pcms_show, #emailpop #pcms_form { display:none; } #emailpop #sent h3 { margin:80px 0 20px 110px; } #emailpop #sent a { display:block; text-align:center; font-size:16px } #emailpop #page { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.8; position:absolute; bottom:0px; left:0px; width:300px; overflow:hidden; padding:2px 5px; background:#000; display:block; height:20px; } #content .wide { width:770px; margin:0 auto } #content .narrow {width:700px; } #content .narrowest {width:600px; } /* VIDEO PLAYGROUND ------------------------------------------------------------------------------------- */ .tabs li#tab_review_edit, .tabs li#tab_review_edit a, .tabs li#tab_review_edit a strong { background-position:-2778px 0; width:156px; } .tabs li#tab_prod_edu, .tabs li#tab_prod_edu a, .tabs li#tab_prod_edu a strong { background-position:-2934px 0; width:164px; } .tabs li#tab_review_edit:hover a, .tabs li#tab_review_edit:hover a strong, .tabs li#tab_review_edit a:hover, .tabs li#tab_review_edit a:hover strong { background-position:-2778px -31px; width:156px; } .tabs li#tab_prod_edu:hover a, .tabs li#tab_prod_edu:hover a strong, .tabs li#tab_prod_edu a:hover, .tabs li#tab_prod_edu a:hover strong { background-position:-2934px -31px; width:164px; } .tabs li#tab_review_edit.selected, .tabs li#tab_review_edit.selected a, .tabs li#tab_review_edit.selected a strong { background-position:-2778px -62px; width:156px; } .tabs li#tab_prod_edu.selected, .tabs li#tab_prod_edu.selected a, .tabs li#tab_prod_edu.selected a strong { background-position:-2934px -62px; width:164px; } #main .video_playground .yui-content { padding:27px 15px 0px 20px; } #main .video_playground #search .sort_videos_by { padding-right:14px; margin-right:10px; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -179px; } #main .video_playground #search { position:relative; clear:both; background:url(http://images1.viewsonic.com/images/bg_sprite.png) 0 100%; height:40px; padding:10px; } #main .video_playground #search p { width:350px; } #main .video_playground #search form { float:left; height:25px; } #main .video_playground #search h2 { margin-top:0px; color:#C70752 } #main .video_playground #search .btn { padding:0; float:left; display:inline; border:none; } #main .video_playground #search .view_all { top:15px; background-position:98% -96px; line-height:10px; height:auto; } #main .video_playground h2 { font-size:16px; color:#767676; font-weight:normal; margin:10px 0; } #main .video_playground .row { border-bottom:1px solid #DDD; } #main .video_playground .row .col { width:335px; padding-right:20px; border-right:1px solid #DDD; } #main .video_playground .row .col strong { color:#2E8FB7 } #main .video_playground .row .col .promo { font-size:11px; line-height:14px; } #main .video_playground .row .col .promo h3 { font-size:12px; font-weight:normal } #main .video_playground .row .right { width:363px; padding-right:0; border-right:none; } #main .video_playground .row .right .inner { padding-left:20px; } #main .video_playground .video_list { margin-top:10px; margin-left:-20px; } #main .video_playground .video_list h4.external a { font-weight:bold; color:#C70750 } #main .video_playground .video_list h4.external span { background:none; display:block; color:#767676 } #main .video_playground .video_list h4.external span.icon { background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 100% -315px; width:16px; display:inline; } #main .video_playground .video_list h4.external a:hover span { text-decoration:underline } #main .video_playground .video_list h5 { font-size:11px; } #main .video_playground .video_list h5 a { color:#C60852; } #main .video_playground .video_list li { float:left; margin-left:20px; display:inline; border-bottom:none; } #main .video_playground .video_list li.last { float:left; margin-left:0px; display:inline-block; border-bottom:none; } #main .video_playground .video_list li.last div { } #main .video_playground .video_list .media_videos { width:161px; padding-right:0; min-height:175px; } /* 161 */ #main .video_playground .video_list .media_videos .watch_now { padding:8px 0 5px 33px; display:block; font-size:12px; text-decoration:none; background:url(http://images1.viewsonic.com/images/bg_icon.png) no-repeat 5px -255px; border:none; } #main .video_playground .video_list .media_videos .watch_now:hover strong { text-decoration:underline; } #main .video_playground .video_list .media_videos .watch_now strong { color:#0081BA; } #main .video_playground .paging { clear:both; } * html #main .video_playground .tabs { width:769px; } * html #main .video_playground .video_list .media_videos .watch_now { background:url(http://images1.viewsonic.com/images/ie6_bg_icon.gif) no-repeat 5px -255px; } * html #main .video_playground .video_list h4.external span.icon { background:url(http://images1.viewsonic.com/images/ie6_bg_icon.gif) no-repeat 100% -315px; } #main .video_playground .vid_alt { margin:5px 0 0; } #main .video_playground .vid_alt img { margin-bottom:27px; } #main .video_playground .vid_alt li { margin-left:10px; } #main .video_playground .vid_alt li .watch_now { margin-top:-28px; } #main .video_playground .vid_alt li h4.external, #main .video_playground .vid_alt li h4 { margin-top:5px; font-weight:bold; color:#767676; } #main .video_playground .vid_alt li .nolink { margin-top:32px !important; } #tabbox_review_edit p.alignright a { font-weight:bold; } #loading { display:none; position:absolute; z-index:3; top:-8px; left:0; height:51px; width:770px; background:#e9e9e9 url(http://images1.viewsonic.com/images/loading_small.gif) no-repeat 50% 50%; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; cursor:default; } #loading.active { display:block; } #sidebar #loading { height:133px; width:193px; } .table_shop {background-color: white;} img.dot { margin:8px -1px 0 0; } .strikethrough { text-decoration:line-through; } .form td { padding:5px;} .form .leftcell { width:150px; } .form input, .form select, .form textarea { width:200px; } .form .checkbox, .form .radiobutton, .form .btn, .form .formbttn { width:auto; } .required_6 { color:red; } form.support { margin-bottom:20px; background:url(http://images1.viewsonic.com/images/banner_support.gif) no-repeat; text-align:center; padding:10px; width:166px; } form.support h2 { margin-top:5px; color:#169f37; letter-spacing:.5px; font-size:22px; font-weight:normal; } form.support #asktextbox { margin:10px 0 4px; width:158px; height:15px; padding:2px 1px; font-size:11px; background:url(http://images1.viewsonic.com/images/bg_sprite.png) no-repeat -3115px -84px; border-width:0 1px 1px; border-color:#d0d0d0; border-style:solid; } /* ONLINE REGISTER TEMPLATES ------------------------------------------------------------------------------------- */ #main .onlineregister { width:90%; } #main .onlineregister .alt, #main label.required { color:#C70752; font-weight:bold; } #main .onlineregister td { padding:0 0 10px; } #main .onlineregister td input.input { width:250px; } #main .onlineregister td input.zip { width:100px; } /* CASE STUDIES ------------------------------------------------------------------------------------- */ h3.relevant { margin:0 0 10px; } ul.relevantproducts li { display:inline; float:left; width:150px; margin:0 15px 10px 0; } /* MAC/FIREFOX OPACITY FLASH BUG */ .opaque .mask, .opaque .yui-panel-container.shadow .underlay { opacity:1 } /* PROMO PAGES ------------------------------------------------------------------------------------- */ html.promo { margin-bottom:0; } body.promo #container { width:802px; background:#e9e9e9 url(http://images1.viewsonic.com/images/promo_bg_footer.gif) no-repeat 0 100%; color:#4f4d4d; } body.promo #header { margin:0; height:auto; } body.promo #footer { margin:0; min-width:0; height:68px; background:none; padding-top:30px; } body.promo #footer p { margin:12px 18px; font-size:10px; font-weight:bold; color:#FFF; letter-spacing:-.2px } body.promo #main { padding:0; min-height:700px; width:auto; } body.promo #main h1 { padding:0; margin:0; } body.promo #main .togglebox .toggle { background-position:-16715px 0 } body.promo #main .togglebox .toggle .toggle { background-position:-17485px 100% } body.promo #main .togglebox .toggle .toggle .toggle { background-position:-18255px 0 } body.promo .togglebox, body.promo .squarebox, body.promo .fadebox { margin:20px 16px 0 16px; } body.promo .squarebox, body.promo .fadebox { position:relative; padding:20px; border:1px solid #d6d6d6; background:#FFF; } body.promo .fadebox { padding:10px 20px; background:url(http://images1.viewsonic.com/images/promo_bg_fade.gif) repeat-y; border:none; } body.promo .fadebox h2 { margin:-10px 0 0 -10px !important; background:none !important; } body.promo .comingsoon { background:url(http://images1.viewsonic.com/images/promo_bg_comingsoon.gif) no-repeat;} body.promo #main h2 { position:relative; margin:-10px 0 10px -10px; padding:10px; background:url(http://images1.viewsonic.com/images/promo_bg_h2.gif) no-repeat -10px 100%; font-size:18px } body.promo .togglebox .row { min-height:377px; position:relative; } body.promo .togglebox .single { margin:0 10px 0 0; padding:0 0 0 20px; } * html body.promo .togglebox .row { height:377px; } body.promo #main p.buy { position:absolute; bottom:0; right:15px; margin:0; text-align:right; font-weight:bold; line-height:16px; font-size:13px; color:#C70752; } body.promo #main .squarebox p.buy, body.promo #main .fadebox p.buy { bottom:10px; } body.promo #main li { height:1%; padding-left:15px; list-style:none; background:url(http://images1.viewsonic.com/images/promo_bg_bullet.gif) no-repeat 3px 8px; } body.promo #main p { color:#393939; } body.promo #promo { height:402px; position:relative; } body.promo #promo p { position:absolute; width: 764px; top:315px; left:21px; color:#616060 } body.cc .togglebox .desc { position:absolute; top:66px; left:181px; width:145px; } body.cc .togglebox .right .img img, body.cc .togglebox .right .img span { margin-left:125px; } body.cc .togglebox .right .desc { left: 20px; top:97px; width:212px; } body.cc .squarebox .img img, body.cc .squarebox .img span { position:absolute; top:101px; left:265px; } body.cc .squarebox ul { width:310px; float:right; margin:-20px 0 15px 0; } body.cc .squarebox p.buy { width:auto; float:right; clear:right; margin: 5px 0 0 0; } body.cc .squarebox p { width:260px; float:left; } body.dpf #promo { height:310px; } body.dpf #promo p { top:272px; font-size:18px; line-height:24px; } body.dpf .togglebox .row { min-height:410px; } * html body.dpf .togglebox .row { height:410px; } body.nmp #promo { height:330px; } body.nmp #promo p { top:269px; font-weight:bold; } body.nmp .togglebox .desc { position:absolute; top:86px; left:231px; width:145px; font-size:16px; font-weight:bold } body.nmp .togglebox .right .desc { left:250px; } body.ofd #promo { height:320px; } body.ofd #promo p { font-size:14px; font-weight:bold; } body.ofd #main ul { margin:10px 0 0 30px; } body.ofd .togglebox .img { text-align:center; } body.ofd .togglebox p.buy { top:15px; bottom:auto; } .tbl-support table { width:100%; } .tbl-support td { vertical-align:top; } .tbl-support #online-help { position:relative; margin:3px 0 0; width:160px; height:288px; background:url(http://images1.viewsonic.com/images/viewsonicbg.jpg) no-repeat 0 0; } .tbl-support #online-help form { position: absolute; top: 215px; left: 0px; padding:2px 0 0; width: 160px; height:20px; text-align: center; } .tbl-support #online-help #o-textbox { border-width: 0px; font-size: 12px; width: 135px; height: 18px; } .tbl-support #online-help #o-button { margin:6px 0 0; } .tbl-support p { padding:6px 20px; }