a[href$='.pdf'] { display:inline-block; padding-left:20px; background:transparent url(../ui/icons/page_white_acrobat.png) center left no-repeat; } a.link { display:inline-block; padding-left:20px; background:transparent url(../ui/icons/chain.png) center left no-repeat; } /* ======================================================== Related Navigation (CMS) ======================================================== */ #related ul { list-style: none; margin: 0 0 2em; padding: 0; } #related ul ul { border-bottom: 1px solid #DDD; margin: 0.25em 0;} #related li { margin: 0; padding: 0; position: relative; font-weight: bold; } #related li li { font-weight: normal; } #related a { text-decoration: none; border-bottom: 1px solid #DDD; display: block; padding: 0.35em; } #related a:hover, #related a:focus { text-decoration: underline; } #related li.current a { border: none; color: #000; } #related li.current ul a { padding-left: 1em; color: #666; } #related li.current li.current a { color: #000; font-weight: bold; } /* History Timeline */ .timeline { } .timeline ul { border-left: 4px solid #9CC; margin: 1em; padding: 0; list-style: none; } .timeline ul ul { border-left: none; margin: 0; } .timeline li { clear: left; margin: 0; padding: 0; color: #000; } .events li { background: url(../ui/timeline-event.gif) no-repeat left center; padding-left: 1.5em; } .timeline h3 { font-size: 2em; color: #69C; font-weight: bold; margin: 0.5em; } .timeline li .date { color: #666; width: 8em; display: block; float: left; font-weight: bold; } /* Article Headings*/ .article-title-960 { display:inline; float:left; margin-left:0px; margin-right:10px; width:920px; background: #fff url(../ui/content-2011/head-bg-960.gif) left top no-repeat; padding: 10px; height:22px; clear:both; } .article-title-700 { display:inline; float:left; margin-left:0px; margin-right:10px; width:680px; background: #fff url(../ui/content-2011/head-bg-700.gif) left top no-repeat; padding: 10px; height:22px; clear:both; } .article-title-small { color:#0f519f; font-size:10px; font-weight:normal; letter-spacing:1px; text-align:right; text-transform:uppercase; } .blue-heading { color: #0f519f; font-weight: bold; } .grey-subheading { color: #999999; font-weight: bold; } /* Boxes */ .pale-blue-box-small { display:inline; float:left; margin-left:10px; margin-right:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; width: 196px; padding: 12px; background-color: #e7edf5; /* color: #0f519f - why the same blue as links? There's a quick way to p**s of your users! Bad UX! If it ain't a link then DON'T MAKE TEXT BLUE!!! */ } .rounded-logo-container { display: inline; float: left; height: 110px; width: 198px; padding: 10px; margin: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border:1px solid #0f519f; /*-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:Óalpha(opacity=50)Ó; filter:alpha(opacity=50); opacity:.50;*/ } .rounded-logo-container:hover { -khtml-opacity:1.0; -moz-opacity:1.0; -ms-filter:Óalpha(opacity=100)Ó; filter:alpha(opacity=100); opacity:1.0; } /* FOLDER LISTING */ .gridlist { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; overflow:hidden; padding: 0; width:100%; } /* ACCORDION */ .accordion-title { margin: 0; cursor: pointer; color: #0f519f; padding-left:12px; } .accordion-response { padding: 0 0 0 12px; margin: 0; background-color: #e7edf5;} /* Fixes */ .first-item {margin-left:0px!important; } .last-item {margin-right:0px!important; } .force-right {float:right!important;} #sidebar h3 a { color: #000; } .cms-page-header { margin-bottom: 1em; } /* Apple/iPad */ body { background: url(../brands/lenovo/assets/img/edge/bg-html.jpg) repeat-x fixed left bottom; } /* Container */ .verticalslider { border: 1px solid #CCC; overflow: hidden; width: 938px; } /* Tabs */ .verticalslider_tabs { float: left; width: 300px; } .verticalslider_tabs, .verticalslider_tabs li { margin: 0; padding: 0;} .verticalslider_tabs li { list-style-type: none; } .verticalslider_tabs li a { font-size: 1.55em; padding: 41px 10px 40px 10px;} .verticalslider_tabs a:link, .verticalslider_tabs a:visited { display: block; background: url(../apple/images/apple-tab-bg.gif) bottom repeat-x; background-color: #EEE; font-weight: bold; color: #333; border-top: 1px solid #CCC; text-decoration: none; } .verticalslider_tabs a:hover, .verticalslider_tabs a:active { background: url(../apple/images/apple-tab-hover-bg.gif) bottom repeat-x; background-color: #fcfcfc;} .verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited { border-top: none; padding: 42px 10px 40px 10px;} .verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited { background: #FFF; border-right: 1px solid #FFF;} .verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active { background: #FFF; border-right: 1px solid #FFF;} .verticalslider .arrow { background: url(../apple/images/arrow1.png); width: 27px; height: 100px; position: absolute; z-index: 1000; margin-left: 300px; margin-top: -100px; } /* Contents */ .verticalslider_contents { float: left; width: 638px; height: 300px; display: inline; margin: 0; padding: 0;} .verticalslider_contents li { margin: 0; padding: 0; height: 300px; width: 638px; padding: 0px; display: none; position: absolute; list-style-type: none; z-index: 100;} .verticalslider_contents li h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #333; margin: 5px 20px; padding: 0px; } .verticalslider_contents li p { margin: 5px 20px; padding: 0px; color: #333; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; } .verticalslider_contents .activeContent { display: inline;} .verticalslider_contents img { z-index: 100; overflow: hidden; } /*h1.partner { background: url(../apple/images/apple-reseller-logo.gif) no-repeat right center; padding-right: 300px; }*/ .apple-folder-bg { background: url(../apple/images/apple-folder-bg.jpg) no-repeat left bottom; /*margin-bottom: 1em;*/ padding-bottom:2.5em; } .apple-folder-bg h3 { background: url(../apple/images/apple-folder-bg.jpg) no-repeat left top; padding-top:1em; padding-left: 1em;} .apple-folder-bg img { margin-left: -1em;} .banner-ad, .resources { margin: 1em 0;} .resources { float:left; width: 940px; background: url(../apple/images/resources-bg.gif) 0 bottom no-repeat; padding-bottom: 2em; padding-top: 1em; margin-bottom: 1em; } .resources h5, .resources p { margin: 0; padding: 0;} .resources img { float: left; margin-right: 10px;} .resources h3 { font-size: 100%;} .resources a { color: #666; } .resources a:hover { color: #000; } .tier { margin-top: 1em; } /* iPad */ .verticalslider .arrow-ipad { background: url(../apple/images/arrow1.png); width: 27px; height: 60px; position: absolute; z-index: 1000; margin-left: 300px; margin-top: -50px; } .apple-callout { display: inline; float: left; margin: 10px; width: 196px; padding: 12px; background-color: #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;} ul.ipad { list-style: none; padding: 0; margin: 0 0 1em; } ul.ipad li { background: url( ../apple/images/ipad-li-bullet.png) left 4px no-repeat; padding-left: 14px; line-height: 1.6; } /* Acer */ #body-acer #body { background: #000 url(../up/Resource/templateLibraries/Acer/images/background_general_top.jpg) no-repeat center -30px; } #body-acer #body p {color: #FFF; } .brand-content { padding: 10px; margin: 20px 12px; border: 1px solid #6dc01c; } .web-grid { width:940px; margin:0 auto; text-align:center; position:relative; clear:both; } .web-grid * { text-align:left; } .web-header { position:relative; text-align:center; z-index:350; clear:both; } .web-logo { position:absolute; left:20px; } .web-logo a { border:0; display:block; text-decoration:none; text-indent:-100000px; background:url(../up/Resource/templateLibraries/Acer/images/acer_logo_green.png) no-repeat center center; width:130px; height:40px; } .web-toplight { background:url(../up/Resource/templateLibraries/Acer/images/background_general_top.jpg) no-repeat center -50px; width:100%; height:50px; position:absolute; top:0; left:0; } .bottomlight { background:url(../up/Resource/templateLibraries/Acer/images/background_general_bottom.jpg) no-repeat center top; } .web-content { min-height:650px; margin:30px auto; text-align:left; position:relative; z-index:300; } .web-content.a-productgrouplist { min-height:300px; } .web-content-body { text-align:left; } .web-product-navigation { width:150px; float:left; color:#FFF; text-align:right; margin-top:40px; } .web-product-navigation .web-productgroup-link { padding-right:10px; line-height:35px; display:block; position:relative; height:35px; } .web-product-navigation a { text-decoration:none; color:#FFF; font-size:12px; } .web-product-navigation a .web-link-title { display:block; position:absolute; top:0; right:20px; font-weight:bold; } .web-product-navigation img.web-link-image { display:none; } .web-productgroup-preview { width:650px; height:360px; float:left; } .group {margin-top: 20px; margin-bottom: 0; padding-bottom: 100px;} .group a { color: #6dc01c; } /* Case Studies Carousel (CMS) ----------------------------------------------------*/ /* This
element is wrapped by jCarousel around the list and has the classname "jcarousel-container". -------------------------------------------------- */ .jcarousel-container { position: relative; border-top: 1px solid #CCC; /*border-bottom: 1px solid #CCC;*/ padding-top: 1em; margin: 0 0 1em 0; } .jcarousel-container ul { margin: 0; padding: 0; list-style: none; } .jcarousel-container ul li { margin: 0; padding: 0; background: transparent none; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0 auto; overflow: hidden; position: relative; width: 800px; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 800px; height: 150px; } /* The buttons are added dynamically by jCarousel before the