/***************************************************/ /* DEFAULT STYLES /***************************************************/ * { margin: 0; padding: 0; } html { overflow-x: hidden; } body { background: white; font-family: Arial, Helvetica, sans-serif; font-size: 76%; padding: 0; margin: 0; color: black; } img { border: 0; } h1, h2 { margin-bottom: 20px; } /*a span, h1 span, h2 span, h3 span, h4 span, h5 span, li span { display: none; }*/ a { outline: none; } p { line-height: 1.35em; margin-top: 0; margin-bottom: 1.35em; } p a, li a { color: #FF0000; text-decoration: none; } a:hover { text-decoration: underline; } .clear { font-size: 1px; height: 1px; clear: both; } #iefix { text-align: center; } .container { margin-top: 12px; margin-left: auto; margin-right: auto; width: 960px; overflow: hidden; } #iefix .container { text-align: left; } .replaced { text-indent: -9999px; font-size: 1px; } .js-required { font-size: 0.8em; color: #333; padding-top: 4em; padding-bottom: 4em; } /***************************************************/ /* GLOBAL HEADER AND FOOTER /***************************************************/ #global_header { height: 134px; background: url(images/bg-global-header-placeholder.gif); } #global_footer { height: 21px; background: url(images/bg-global-footer-placeholder.gif); margin-bottom: 2em; } /***************************************************/ /* NAVIGATION /***************************************************/ .header { background: url(images/bg-header-slice.png) repeat-x bottom; position: relative; } .header .easyguard_logotype { margin-left: 10px; margin-top: 18px; background: url(images/a-toshiba-easyguard-logotype.gif); display: block; width: 116px; height: 43px; } .header .easyguard_logo { position: absolute; right: 10px; top: -11px; background: url(images/a-toshiba-easyguard-logo.gif); display: block; width: 39px; height: 65px; } .header ul { margin-top:17px; padding-top: 1px; height: 27px; } .header li { list-style-type: none; border-right: 1px solid #DCDCDC; display: inline; float: left; } .header li a { display: block; height: 27px; } .header li a:hover, .header li a.on { background-position: bottom; } .header .home { background: url(images/a-nav-home.png) no-repeat; width: 166px; } .header .security { background: url(images/a-nav-security.png) no-repeat; width: 88px; } .header .manageability { background: url(images/a-nav-manageability.png) no-repeat; width: 132px; } .header .protection { background: url(images/a-nav-protection.png) no-repeat; width: 106px; } .header .connectivity { background: url(images/a-nav-connectivity.png) no-repeat; width: 121px; } /***************************************************/ /* TABS /***************************************************/ .module .tabs { position: absolute; z-index: 10; right: 0; bottom: 0; } .module .tabs li { list-style-type: none; display: inline; float: left; } .module .tabs li a { display: block; height: 23px; } .module .tabs a:hover, .module .tabs li a.on { background-position: bottom; } .module .tabs .models { background: url(images/a-nav-all-models.png) no-repeat; width: 110px; } .module .tabs .features { background: url(images/a-nav-all-features.png) no-repeat; width: 120px; } /***************************************************/ /* GLOBAL /***************************************************/ .more { display: block; background: url(images/a-more.gif) no-repeat; width: 50px; height: 9px; } .more:hover { background-position: bottom; } .module .more { background: url(images/a-more-module.gif) no-repeat; width: 42px; } .page_base { background: url(images/bg-footer-slice.png) repeat-x bottom; } .centred { text-align: center; margin-left: auto; margin-right: auto; } .smalltext { font-size: 0.8em; color: #CCC; } /***************************************************/ /* MAIN CONTENT /***************************************************/ .module { position: relative; background: #333; border-bottom: 5px solid #CCCCCC; padding-top: 29px; height: 271px; } #iefix .module { height: 300px; } .module h1 { display: block; margin-left: 10px; margin-bottom: 20px; } .module p { color: white; } .module .intro a { font-weight: bold; color: white; /*text-decoration: underline;*/ } .module .intro a.keyword { font-weight: normal; /*text-decoration: underline;*/ } .module .intro a:hover { /*text-decoration: none; */ } /***************************************************/ /* MAIN CONTENT SPECIFIC - HOME /***************************************************/ #module_home { background: url(images/bg-module-home.jpg); } #module_home .intro { position: relative; float: left; width: 549px; } #module_home .intro div { height: 240px; overflow: auto; } #module_home p, #module_home .intro .features { margin-left: 33px; } #module_home .intro .features:hover { background-position: left bottom; } #module_home .hero { position: absolute; left: 600px; top: 29px; display: block; z-index: 1; } /***************************************************/ /* MAIN CONTENT SPECIFIC - FEATURE INTRO /***************************************************/ #module_feature { background: url(images/bg-module-feature.jpg); height: 296px; } #module_feature .intro { width: 380px; } #module_feature .intro div { height: 243px; overflow: auto; } #module_feature p { margin-left: 33px; } #module_feature .hero { position: absolute; right: 0px; top: 29px; } #module_feature .hero img { display: block; } #module_feature .hero label { display: block; text-align: right; margin-right: 10px; font-size: 0.8em; color: white; } #iefix #module_feature { height: 325px; } /***************************************************/ /* MAIN CONTENT SPECIFIC - FEATURE DESCRIPTION /***************************************************/ #feature_container .feature_image { float: left; margin-top: 50px; background-repeat: no-repeat; margin-left: 10px; display: block; width: 220px; height: 177px; } #feature_container .feature_image label { display: block; text-align: center; font-size: 0.8em; color: white; margin-top: 181px; } #feature_container .feature_description { width: 380px; margin-left: 250px; margin-right: 320px; } #feature_container .feature_description div { height: 230px; overflow: auto; } #iefix #feature_container .feature_description div { height: 225px; overflow: auto; } #feature_container .feature_description div li { list-style-type: disc; margin: 1.5em; color: white; } #feature_container h2 { margin-bottom: 10px; } #feature_container .feature_description p { margin-left:0; } #feature_content_holders { visibility: hidden; position: absolute; left: 0; top: 0; font-size: 1px; } #feature_content_holders div { display: none; } /***************************************************/ /* MAIN CONTENT SPECIFIC - MODELS /***************************************************/ #module_models { background: url(images/bg-module-models.jpg); height: 346px; } #module_models h1 { background: url(images/h1-models.gif) no-repeat; height: 44px; margin-bottom: 42px; } #module_models .intro { width: 300px; margin-left: 330px; margin-right: 330px; height: 245px; overflow: auto; } #module_models .intro a { background-position: left top; background-repeat: no-repeat; display: block; height: 8px; margin-bottom: 6px; } #module_models .intro a:hover { background-position: left bottom; } #module_models .details { background-image: url(images/a-details.gif); width: 54px; } #module_models .buynow { background-image: url(images/a-buynow.gif); width: 64px; } #module_models .model_image { position: absolute; left: 10px; top: 116px; width: 300px; height: 229px; } #iefix #module_models { height: 375px; } #iefix #module_models .intro { height: 225px; } #model_content_holders { visibility: hidden; position: absolute; left: 0; top: 0; font-size: 1px; } #model_content_holders div { display: none; } #module_models .model_features_table { position: absolute; top: 131px; right: 9px; width: 300px; } #module_models .model_features_table table { border-collapse: collapse; } #module_models .model_features_table h4 { background: url(images/h4-features-models.gif); width: 253px; height: 12px; margin-bottom: 10px; } #module_models .model_features_table div { height: 160px; overflow: auto; background: url(images/bg-model-features-table.jpg); } #module_models .model_features_table td { width: 124px; padding: 5px 13px; border: none; background: none; color: white; font-size: 0.8em; text-align: left; vertical-align: top; } #module_models .model_features_table tr.even td { background-color: #5E6061; } #iefix #module_models .model_features_table td { font-size: 0.6em; } /***************************************************/ /* MAIN CONTENT SPECIFIC - FEATURES /***************************************************/ #module_features { background: url(images/bg-module-features.jpg); height: 346px; } #module_features h1 { background: url(images/h1-features.gif); width: 308px; height: 44px; } #iefix #module_features { height: 375px; } /***************************************************/ /* HOME FEATURE LIST /***************************************************/ #feature_list { margin-top: 2em; padding-bottom: 3em; overflow: hidden; width: 100%; } #feature_list ul li { list-style-type: none; display: inline; float: left; width: 220px; margin-left: 10px; margin-right: 10px; } #feature_list h2 { margin-bottom: 10px; } #feature_list h2 a { display: block; height: 12px; } #feature_list h2 a:hover { background-position: left bottom; } #feature_list .security a { background: url(images/h2-security.gif) no-repeat; width: 87px; } #feature_list .manageability a { background: url(images/h2-manageability.gif) no-repeat; width: 146px; } #feature_list .protection a { background: url(images/h2-protection.gif) no-repeat; width: 110px; } #feature_list .connectivity a { background: url(images/h2-connectivity.gif) no-repeat; width: 130px; } /***************************************************/ /* CAROUSEL - GLOBAL /***************************************************/ .carousel a { text-decoration: none; } /***************************************************/ /* CAROUSEL - FEATURE /***************************************************/ #feature_carousel_holder { padding-top: 16px; padding-bottom: 70px; display: none; overflow: hidden; } #feature_carousel_holder h2 { margin-bottom: 5px; } #explore_security { background: url(images/h2-explore-security-features.gif); width: 600px; height: 8px; } #explore_manageability { background: url(images/h2-explore-manageability-features.gif); width: 600px; height: 8px; } #explore_protection { background: url(images/h2-explore-protection-features.gif); width: 600px; height: 8px; } #explore_connectivity { background: url(images/h2-explore-connectivity-features.gif); width: 600px; height: 8px; } #feature_carousel .feature { display:block; background: url(images/bg-feature.gif); padding: 13px 11px; } #feature_carousel .feature a { display:block; height: 60px; background-repeat: no-repeat; } #feature_carousel .feature li a:hover { background-position: left bottom; } #iefix .carousel { zoom: 1; position: relative; } #features_control_list { margin-top: 4px; position: relative; left: 50%; float: left; } .jcarousel-features-control { position: relative; right: 50%; float: left; } .jcarousel-features-control li { list-style-type: none; display: inline; float: left; margin-right: 6px; } .jcarousel-features-control a { display: block; width: 11px; height: 10px; background-image: url(images/a-item-hidden.gif); } /***************************************************/ /* CAROUSEL - FEATURE MODELS /***************************************************/ .model_features_carousel_holder h2 { margin-bottom: 14px; } .model_features_carousel_holder { float: right; width: 300px; margin-top: 26px; margin-right: 10px; } .model_features_carousel_holder h3 { background: url(images/h3-models-with-feature.gif); width: 225px; height: 12px; margin-bottom: 12px; } .model_features_carousel .features_model { display:block; width: 140px; } .model_features_carousel div { height: 55px; margin-bottom: 20px; background-repeat: no-repeat; } .model_features_carousel h4 { height: 32px; } .model_features_carousel .features_model a { display: block; background: url(images/a-small-arrow.gif) 0 2px no-repeat; margin-left: 62px; padding-left:8px; font-size: 0.8em; color: #333; text-align: left; } .model_features_carousel .features_model a:hover { color: #F00; } #iefix .model_features_carousel_holder { margin-right: 5px; } #iefix .model_features_carousel div { height: 55px; } #model_features_control_list { margin-top: 1px; position: relative; left: 50%; float: left; } .jcarousel-model-features-control { margin-top: 14px; position: relative; right: 50%; float: left; padding-left: 10px; } .jcarousel-model-features-control li { list-style-type: none; display: inline; float: left; margin-right: 6px; } .jcarousel-model-features-control a { display: block; width: 11px; height: 10px; background-image: url(images/a-main-item-hidden.gif); } #iefix .jcarousel-model-features-control { padding-left: 5px; } /***************************************************/ /* CAROUSEL - MODELS /***************************************************/ #model_carousel_holder { padding-bottom: 70px; display: none; overflow: hidden; } #model_carousel_holder h2 { margin-bottom: 5px; } #model_carousel .model { display:block; background: url(images/bg-model-off.gif); padding: 14px 13px; } #model_carousel .model a { display:block; height: 81px; background-repeat: no-repeat; } #model_carousel .model li a:hover { background-position: left bottom; } #iefix .carousel { zoom: 1; position: relative; } #models_control_list { margin-top: 4px; position: relative; left: 50%; float: left; } .jcarousel-models-control { position: relative; right: 50%; float: left; } .jcarousel-models-control li { list-style-type: none; display: inline; float: left; margin-right: 6px; } .jcarousel-models-control a { display: block; width: 11px; height: 10px; background-image: url(images/a-item-hidden.gif); } /***************************************************/ /* CAROUSEL - SLIDING LABELS /***************************************************/ .carousel_labels_holder { width: 6000px; margin-top: 16px; margin-bottom: 6px; height: 10px; position: relative; } .carousel_labels { position: absolute; visibility: hidden; top: 0; left: 70px; } #all_features_labels { margin-bottom: 0; height: 0; } .models .carousel_labels { clip: rect(0px 820px 10px 0px); } .features .carousel_labels { left: 54px; clip: rect(0px 844px 10px 0px); } .carousel_labels li { list-style-type: none; display: inline; height: 10px; background: url(images/bg-carousel-label-slice.gif); float: left; } .models .carousel_labels li { margin-right: 11px; } .features .carousel_labels li { } .carousel_labels li .left, .carousel_labels li .right { display: block; height: 10px; } .carousel_labels .left { background: url(images/bg-carousel-label-left.gif) no-repeat left; } .carousel_labels .right { background: url(images/bg-carousel-label-right.gif) no-repeat right; } .carousel_labels label { display: block; height: 10px; background-repeat: no-repeat; background-position: center 1px; } .carousel_labels #family_1 label { width: 132px; background-image: url(images/bg-carousel-label-family-1.gif); } .carousel_labels #family_2 label { width: 87px; background-image: url(images/bg-carousel-label-family-2.gif); } .carousel_labels #family_3 label { width: 101px; background-image: url(images/bg-carousel-label-family-3.gif); } .carousel_labels #pillar_1 label { width: 103px; background-image: url(images/bg-carousel-label-pillar-1.gif); } .carousel_labels #pillar_2 label { width: 142px; background-image: url(images/bg-carousel-label-pillar-2.gif); } .carousel_labels #pillar_3 label { width: 119px; background-image: url(images/bg-carousel-label-pillar-3.gif); } .carousel_labels #pillar_4 label { width: 131px; background-image: url(images/bg-carousel-label-pillar-4.gif); } /***************************************************/ /* KEYWORDS /***************************************************/ .keyword { font-weight: normal; border-bottom: dotted 1px #CCC; cursor: default; } #feature_list .keyword { color: black; border-bottom: dotted 1px #333; } #tooltip { position: absolute; z-index: 3000; max-width: 220px; border: 1px solid #343536; background-color: #FFFFFF; color: #000; padding: 0.5em; opacity: 0.9; _width: 220px; } #tooltip h3, #tooltip div { font-size: 0.8em; font-weight: normal; margin: 0; } #iefix #tooltip { } /***************************************************/ /* CAROUSEL DEBUGGING /***************************************************/ #display { clear: both; width: auto; height: 250px; overflow: scroll; border: 1px solid #666; background-color: #fcfcfc; padding: 10px; } /***************************************************/ /* SPECIFIC IMAGES /*************************************************/ #module_home h1 { background: url(images/h1-home.gif) no-repeat left top; width: 549px; height: 20px; } #module_home .intro .features { display: block; width: 151px; height: 9px; background: url(images/a-view-all-features.gif) no-repeat; margin-top: 1.25em; } #feature_container #feature_content_1 h2 { background: url(images/features/h2-feature-1.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_2 h2 { background: url(images/features/h2-feature-2.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_3 h2 { background: url(images/features/h2-feature-3.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_4 h2 { background: url(images/features/h2-feature-4.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_5 h2 { background: url(images/features/h2-feature-5.gif) no-repeat; width: 380px; height: 35px; } /* PROBLEM */ #feature_container #feature_content_6 h2 { background: url(images/features/h2-feature-6.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_7 h2 { background: url(images/features/h2-feature-7.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_8 h2 { background: url(images/features/h2-feature-8.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_9 h2 { background: url(images/features/h2-feature-9.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_10 h2 { background: url(images/features/h2-feature-10.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_11 h2 { background: url(images/features/h2-feature-11.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_12 h2 { background: url(images/features/h2-feature-12.gif) no-repeat; width: 380px; height: 35px; } /* MANAGE */ #feature_container #feature_content_13 h2 { background: url(images/features/h2-feature-13.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_14 h2 { background: url(images/features/h2-feature-14.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_15 h2 { background: url(images/features/h2-feature-15.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_16 h2 { background: url(images/features/h2-feature-16.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_17 h2 { background: url(images/features/h2-feature-17.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_18 h2 { background: url(images/features/h2-feature-18.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_19 h2 { background: url(images/features/h2-feature-19.gif) no-repeat; width: 380px; height: 35px; } /* PROTECT */ #feature_container #feature_content_20 h2 { background: url(images/features/h2-feature-20.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_21 h2 { background: url(images/features/h2-feature-21.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_23 h2 { background: url(images/features/h2-feature-23.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_24 h2 { background: url(images/features/h2-feature-24.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_25 h2 { background: url(images/features/h2-feature-25.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_26 h2 { background: url(images/features/h2-feature-26.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_27 h2 { background: url(images/features/h2-feature-27.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_28 h2 { background: url(images/features/h2-feature-28.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_29 h2 { background: url(images/features/h2-feature-29.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_30 h2 { background: url(images/features/h2-feature-30.gif) no-repeat; width: 380px; height: 35px; } /* CONNECT */ #feature_container #feature_content_31 h2 { background: url(images/features/h2-feature-31.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_33 h2 { background: url(images/features/h2-feature-33.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_34 h2 { background: url(images/features/h2-feature-34.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_35 h2 { background: url(images/features/h2-feature-35.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_36 h2 { background: url(images/features/h2-feature-36.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_37 h2 { background: url(images/features/h2-feature-37.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_38 h2 { background: url(images/features/h2-feature-38.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_39 h2 { background: url(images/features/h2-feature-39.gif) no-repeat; width: 380px; height: 35px; } #feature_container #feature_content_40 h2 { background: url(images/features/h2-feature-40.gif) no-repeat; width: 380px; height: 35px; } #module_models #model_content_1 h2 { background: url(images/models/h2-model-1.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_2 h2 { background: url(images/models/h2-model-2.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_3 h2 { background: url(images/models/h2-model-3.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_4 h2 { background: url(images/models/h2-model-4.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_5 h2 { background: url(images/models/h2-model-5.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_6 h2 { background: url(images/models/h2-model-6.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_7 h2 { background: url(images/models/h2-model-7.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_8 h2 { background: url(images/models/h2-model-8.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_9 h2 { background: url(images/models/h2-model-9.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_10 h2 { background: url(images/models/h2-model-10.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_11 h2 { background: url(images/models/h2-model-11.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_12 h2 { background: url(images/models/h2-model-12.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_13 h2 { background: url(images/models/h2-model-13.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_14 h2 { background: url(images/models/h2-model-14.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_15 h2 { background: url(images/models/h2-model-15.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_16 h2 { background: url(images/models/h2-model-16.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_17 h2 { background: url(images/models/h2-model-17.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_18 h2 { background: url(images/models/h2-model-18.gif) no-repeat; width: 300px; height: 15px; } #module_models #model_content_19 h2 { background: url(images/models/h2-model-19.gif) no-repeat; width: 300px; height: 19px; } #module_models #model_content_20 h2 { background: url(images/models/h2-model-20.gif) no-repeat; width: 300px; height: 19px; } #module_models #model_content_21 h2 { background: url(images/models/h2-model-21.gif) no-repeat; width: 300px; height: 19px; } #module_models #model_content_1 .model_image { background: url(images/models/img-model-1.jpg); } #module_models #model_content_2 .model_image { background: url(images/models/img-model-2.jpg); } #module_models #model_content_3 .model_image { background: url(images/models/img-model-3.jpg); } #module_models #model_content_4 .model_image { background: url(images/models/img-model-4.jpg); } #module_models #model_content_5 .model_image { background: url(images/models/img-model-5.jpg); } #module_models #model_content_6 .model_image { background: url(images/models/img-model-6.jpg); } #module_models #model_content_7 .model_image { background: url(images/models/img-model-7.jpg); } #module_models #model_content_8 .model_image { background: url(images/models/img-model-8.jpg); } #module_models #model_content_9 .model_image { background: url(images/models/img-model-9.jpg); } #module_models #model_content_10 .model_image { background: url(images/models/img-model-10.jpg); } #module_models #model_content_11 .model_image { background: url(images/models/img-model-11.jpg); } #module_models #model_content_12 .model_image { background: url(images/models/img-model-12.jpg); } #module_models #model_content_13 .model_image { background: url(images/models/img-model-13.jpg); } #module_models #model_content_14 .model_image { background: url(images/models/img-model-14.jpg); } #module_models #model_content_15 .model_image { background: url(images/models/img-model-15.jpg); } #module_models #model_content_16 .model_image { background: url(images/models/img-model-16.jpg); } #module_models #model_content_17 .model_image { background: url(images/models/img-model-17.jpg); } #module_models #model_content_18 .model_image { background: url(images/models/img-model-18.jpg); } #module_models #model_content_19 .model_image { background: url(images/models/img-model-19.jpg); } #module_models #model_content_20 .model_image { background: url(images/models/img-model-20.jpg); } #module_models #model_content_21 .model_image { background: url(images/models/img-model-21.jpg); } #feature_carousel #feature_1 { background-image: url(images/features/a-feature-1.gif); } #feature_carousel #feature_2 { background-image: url(images/features/a-feature-2.gif); } #feature_carousel #feature_3 { background-image: url(images/features/a-feature-3.gif); } #feature_carousel #feature_4 { background-image: url(images/features/a-feature-4.gif); } #feature_carousel #feature_5 { background-image: url(images/features/a-feature-5.gif); } #feature_carousel #feature_6 { background-image: url(images/features/a-feature-6.gif); } #feature_carousel #feature_7 { background-image: url(images/features/a-feature-7.gif); } #feature_carousel #feature_8 { background-image: url(images/features/a-feature-8.gif); } #feature_carousel #feature_9 { background-image: url(images/features/a-feature-9.gif); } #feature_carousel #feature_10 { background-image: url(images/features/a-feature-10.gif); } #feature_carousel #feature_11 { background-image: url(images/features/a-feature-11.gif); } #feature_carousel #feature_12 { background-image: url(images/features/a-feature-12.gif); } /* MANAGE */ #feature_carousel #feature_13 { background-image: url(images/features/a-feature-13.gif); } #feature_carousel #feature_14 { background-image: url(images/features/a-feature-14.gif); } #feature_carousel #feature_15 { background-image: url(images/features/a-feature-15.gif); } #feature_carousel #feature_16 { background-image: url(images/features/a-feature-16.gif); } #feature_carousel #feature_17 { background-image: url(images/features/a-feature-17.gif); } #feature_carousel #feature_18 { background-image: url(images/features/a-feature-18.gif); } #feature_carousel #feature_19 { background-image: url(images/features/a-feature-19.gif); } /* PROTECT */ #feature_carousel #feature_20 { background-image: url(images/features/a-feature-20.gif); } #feature_carousel #feature_21 { background-image: url(images/features/a-feature-21.gif); } #feature_carousel #feature_23 { background-image: url(images/features/a-feature-23.gif); } #feature_carousel #feature_24 { background-image: url(images/features/a-feature-24.gif); } #feature_carousel #feature_25 { background-image: url(images/features/a-feature-25.gif); } #feature_carousel #feature_26 { background-image: url(images/features/a-feature-26.gif); } #feature_carousel #feature_27 { background-image: url(images/features/a-feature-27.gif); } #feature_carousel #feature_28 { background-image: url(images/features/a-feature-28.gif); } #feature_carousel #feature_29 { background-image: url(images/features/a-feature-29.gif); } #feature_carousel #feature_30 { background-image: url(images/features/a-feature-30.gif); } /* PROTECT */ #feature_carousel #feature_31 { background-image: url(images/features/a-feature-31.gif); } #feature_carousel #feature_33 { background-image: url(images/features/a-feature-33.gif); } #feature_carousel #feature_34 { background-image: url(images/features/a-feature-34.gif); } #feature_carousel #feature_35 { background-image: url(images/features/a-feature-35.gif); } #feature_carousel #feature_36 { background-image: url(images/features/a-feature-36.gif); } #feature_carousel #feature_37 { background-image: url(images/features/a-feature-37.gif); } #feature_carousel #feature_38 { background-image: url(images/features/a-feature-38.gif); } #feature_carousel #feature_39 { background-image: url(images/features/a-feature-39.gif); } #feature_carousel #feature_40 { background-image: url(images/features/a-feature-40.gif); } .model_features_carousel #features_model_1 { background-image: url(images/models/feature-model-1.gif); } .model_features_carousel #features_model_2 { background-image: url(images/models/feature-model-2.gif); } .model_features_carousel #features_model_3 { background-image: url(images/models/feature-model-3.gif); } .model_features_carousel #features_model_4 { background-image: url(images/models/feature-model-4.gif); } .model_features_carousel #features_model_5 { background-image: url(images/models/feature-model-5.gif); } .model_features_carousel #features_model_6 { background-image: url(images/models/feature-model-6.gif); } .model_features_carousel #features_model_7 { background-image: url(images/models/feature-model-7.gif); } .model_features_carousel #features_model_8 { background-image: url(images/models/feature-model-8.gif); } .model_features_carousel #features_model_9 { background-image: url(images/models/feature-model-9.gif); } .model_features_carousel #features_model_10 { background-image: url(images/models/feature-model-10.gif); } .model_features_carousel #features_model_11 { background-image: url(images/models/feature-model-11.gif); } .model_features_carousel #features_model_12 { background-image: url(images/models/feature-model-12.gif); } .model_features_carousel #features_model_13 { background-image: url(images/models/feature-model-13.gif); } .model_features_carousel #features_model_14 { background-image: url(images/models/feature-model-14.gif); } .model_features_carousel #features_model_15 { background-image: url(images/models/feature-model-15.gif); } .model_features_carousel #features_model_16 { background-image: url(images/models/feature-model-16.gif); } .model_features_carousel #features_model_17 { background-image: url(images/models/feature-model-17.gif); } .model_features_carousel #features_model_18 { background-image: url(images/models/feature-model-18.gif); } .model_features_carousel #features_model_19 { background-image: url(images/models/feature-model-19.gif); } .model_features_carousel #features_model_20 { background-image: url(images/models/feature-model-20.gif); } .model_features_carousel #features_model_21 { background-image: url(images/models/feature-model-21.gif); } #model_carousel #model_1 { background-image: url(images/models/a-model-1.gif); } #model_carousel #model_2 { background-image: url(images/models/a-model-2.gif); } #model_carousel #model_3 { background-image: url(images/models/a-model-3.gif); } #model_carousel #model_4 { background-image: url(images/models/a-model-4.gif); } #model_carousel #model_5 { background-image: url(images/models/a-model-5.gif); } #model_carousel #model_6 { background-image: url(images/models/a-model-6.gif); } #model_carousel #model_7 { background-image: url(images/models/a-model-7.gif); } #model_carousel #model_8 { background-image: url(images/models/a-model-8.gif); } #model_carousel #model_9 { background-image: url(images/models/a-model-9.gif); } #model_carousel #model_10 { background-image: url(images/models/a-model-10.gif); } #model_carousel #model_11 { background-image: url(images/models/a-model-11.gif); } #model_carousel #model_12 { background-image: url(images/models/a-model-12.gif); } #model_carousel #model_13 { background-image: url(images/models/a-model-13.gif); } #model_carousel #model_14 { background-image: url(images/models/a-model-14.gif); } #model_carousel #model_15 { background-image: url(images/models/a-model-15.gif); } #model_carousel #model_16 { background-image: url(images/models/a-model-16.gif); } #model_carousel #model_17 { background-image: url(images/models/a-model-17.gif); } #model_carousel #model_18 { background-image: url(images/models/a-model-18.gif); } #model_carousel #model_19 { background-image: url(images/models/a-model-19.gif); } #model_carousel #model_20 { background-image: url(images/models/a-model-20.gif); } #model_carousel #model_21 { background-image: url(images/models/a-model-21.gif); } #feature_content_1 .feature_image { background-image: url(images/models/img-model-small-24.jpg); } #feature_content_3 .feature_image { background-image: url(images/models/img-model-small-18.jpg); } #feature_content_4 .feature_image { background-image: url(images/models/img-model-small-21.jpg); } #feature_content_5 .feature_image { background-image: url(images/models/img-model-small-15.jpg); } #feature_content_6 .feature_image { background-image: url(images/models/img-model-small-15.jpg); } #feature_content_9 .feature_image { background-image: url(images/models/img-model-small-12.jpg); } #feature_content_10 .feature_image { background-image: url(images/models/img-model-small-23.jpg); } #feature_content_11 .feature_image { background-image: url(images/models/img-model-small-22.jpg); } #feature_content_12 .feature_image { background-image: url(images/models/img-model-small-24.jpg); } #feature_content_27 .feature_image { background-image: url(images/models/img-model-small-22.jpg); } #feature_content_29 .feature_image { background-image: url(images/models/img-model-small-23.jpg); } #feature_content_30 .feature_image { background-image: url(images/models/img-model-small-25.jpg); } #feature_content_13 .feature_image { background-image: url(images/models/img-model-small-20.jpg); } #feature_content_14 .feature_image { background-image: url(images/models/img-model-small-13.jpg); } #feature_content_17 .feature_image { background-image: url(images/models/img-model-small-20.jpg); } #feature_content_18 .feature_image { background-image: url(images/models/img-model-small-18.jpg); } #feature_content_19 .feature_image { background-image: url(images/models/img-model-small-23.jpg); } #feature_content_20 .feature_image { background-image: url(images/models/img-model-small-21.jpg); } #feature_content_31 .feature_image { background-image: url(images/models/img-model-small-16.jpg); } #feature_content_33 .feature_image { background-image: url(images/models/img-model-small-25.jpg); } #feature_content_34 .feature_image { background-image: url(images/models/img-model-small-22.jpg); } #feature_content_24 .feature_image { background-image: url(images/models/img-model-small-12.jpg); } #feature_content_2 .feature_image { background-image: url(images/features/img-feature-2.jpg); width: 220px; height: 177px; } #feature_content_7 .feature_image { background-image: url(images/features/img-feature-7.jpg); width: 220px; height: 177px; } #feature_content_8 .feature_image { background-image: url(images/features/img-feature-8.jpg); width: 220px; height: 177px; } #feature_content_15 .feature_image { background-image: url(images/features/img-feature-15.jpg); width: 220px; height: 177px; } #feature_content_16 .feature_image { background-image: url(images/features/img-feature-16.jpg); width: 220px; height: 177px; } #feature_content_21 .feature_image { background-image: url(images/features/img-feature-21.jpg); width: 220px; height: 177px; } #feature_content_23 .feature_image { background-image: url(images/features/img-feature-23.jpg); width: 220px; height: 177px; } #feature_content_25 .feature_image { background-image: url(images/features/img-feature-25.jpg); width: 220px; height: 177px; } #feature_content_26 .feature_image { background-image: url(images/features/img-feature-26.jpg); width: 220px; height: 177px; } #feature_content_28 .feature_image { background-image: url(images/features/img-feature-28.jpg); width: 220px; height: 177px; } #feature_content_35 .feature_image { background-image: url(images/features/img-feature-35.jpg); width: 220px; height: 177px; } #feature_content_36 .feature_image { background-image: url(images/features/img-feature-36.jpg); width: 220px; height: 177px; } #feature_content_37 .feature_image { background-image: url(images/features/img-feature-37.jpg); width: 220px; height: 177px; } #feature_content_38 .feature_image { background-image: url(images/features/img-feature-38.jpg); width: 220px; height: 177px; } #feature_content_39 .feature_image { background-image: url(images/features/img-feature-39.jpg); width: 220px; height: 177px; } #feature_content_40 .feature_image { background-image: url(images/features/img-feature-40.jpg); width: 220px; height: 177px; } div.Security div.intro h1 { background: url(images/h1-security.gif) no-repeat; width: 380px; height: 20px;} div.Protection div.intro h1 { background: url(images/h1-protection.gif) no-repeat; width: 380px; height: 20px;} div.Manageability div.intro h1 { background: url(images/h1-manageability.gif) no-repeat; width: 380px; height: 20px;} div.Connectivity div.intro h1 { background: url(images/h1-connectivity.gif) no-repeat; width: 380px; height: 20px;} /***************************************************/ /* SITE SPECIFIC OVERIDES /*************************************************/ .carousel_labels #family_1 label { background-position: -20px 0px; } .carousel_labels #family_3 label { background-position: 0 -1px; } /***************************************************/ /* MS Business Tagline /*************************************************/ .header p { position: absolute; right: 63px; bottom: 34px; line-height: 1.1; color: black; font-size: 1.3em; width: 200px; text-align: right; } .header p sup { line-height: 0.75; } /***************************************************/ /* IE6 SPECIFIC OVERIDES /*************************************************/ #iefix .header { height: 1%; } #iefix .easyguard_logo { top: 7px; } #iefix #feature_carousel .feature { width: 100px; display: block; } #iefix #model_carousel .model { width: 76px; } /* Carousel Bug Fixes all IE6 only, first only occurs when less than four laptops match a feature */ #iefix .jcarousel-container { display: block; width: 320px; } #iefix ul.model_features_carousel { width: 320px; } #iefix ul.model_features_carousel li { width: 140px; height: 132px; display: block; } #iefix ul.model_features_carousel li div { display: block; width: 140px; height: 55px; } #iefix #feature_container div.feature_description { width: 370px; overflow: hidden; } /* Display issue right jand featire is wrongly clipped in IE6 */ #iefix .jcarousel-skin-features .jcarousel-clip-horizontal { width: 867px; } #iefix #feature_carousel { } #iefix #module_models .model_features_table td { font-size: 0.8em; } #iefix #module_feature { height: 295px; } /***************************************************/ /* New Models /*************************************************/ #module_models #model_content_22 h2 { background: url(images/models/h2-model-22.gif) no-repeat; width: 300px; height: 19px; } #module_models #model_content_23 h2 { background: url(images/models/h2-model-23.gif) no-repeat; width: 300px; height: 19px; } #module_models #model_content_24 h2 { background: url(images/models/h2-model-24.gif) no-repeat; width: 300px; height: 19px; } #module_models #model_content_25 h2 { background: url(images/models/h2-model-25.gif) no-repeat; width: 300px; height: 19px; } #module_models #model_content_22 .model_image { background: url(images/models/img-model-22.jpg); } #module_models #model_content_23 .model_image { background: url(images/models/img-model-23.jpg); } #module_models #model_content_24 .model_image { background: url(images/models/img-model-24.jpg); } #module_models #model_content_25 .model_image { background: url(images/models/img-model-25.jpg); } .model_features_carousel #features_model_22 { background-image: url(images/models/feature-model-22.gif); } .model_features_carousel #features_model_23 { background-image: url(images/models/feature-model-23.gif); } .model_features_carousel #features_model_24 { background-image: url(images/models/feature-model-24.gif); } .model_features_carousel #features_model_25 { background-image: url(images/models/feature-model-25.gif); } #model_carousel #model_22 { background-image: url(images/models/a-model-22.gif); } #model_carousel #model_23 { background-image: url(images/models/a-model-23.gif); } #model_carousel #model_24 { background-image: url(images/models/a-model-24.gif); } #model_carousel #model_25 { background-image: url(images/models/a-model-25.gif); } div.feature_video { border: 1px solid #333333 } div#global-disc { margin: auto; font-size: 0.9em; color: #666666; text-align: center; padding-top: 8px; padding-bottom: 8px; }