﻿

/* landing page */
.landing-content a {text-decoration:none; cursor:pointer;}
.landing-hero {background:url(../img/bg-hero-landing.jpg) no-repeat; width:980px; height:526px;  overflow:hidden;}
.landing-hero h1 {line-height:200%;}
.landing-title {float:left; margin-top:20px; margin-left:10px; width:300px;}
.landing-title h2 {font-size:0.95em; color:#999;}
.landing-carousel {clear:both; float:left; margin-top:253px;}
.landing-carousel ul {float:left; height:115px; overflow:hidden; position:relative;}
.landing-carousel ul li {width:200px; display:inline; float:left; padding-left:30px; height:104px; position:relative;}
.landing-carousel ul li.border {border-right:1px solid #ccc;}
.landing-carousel a {cursor:pointer; text-decoration:none;}
.landing-carousel img {margin-left:5px;}
.landing-carousel p {padding-top:10px;}
.landing-carousel .head {vertical-align:top;}

/*tab area*/
.landing-carousel-control {float:left; margin-left:5px; font-size:1.1em; padding-top:4px; width:auto; display:block;}
.landing-carousel-control .btn-prev{cursor:pointer; margin:0 10px 0 0; float:left; background:url(../img/btn-arrow-left.gif) no-repeat; width:23px; height:23px;}
.landing-carousel-control .btn-next{position:relative; left:-17px; cursor:pointer; margin:10px 0 0 10px; float:left; background:url(../img/btn-arrow-right.gif) no-repeat; width:23px; height:23px;}
*+html .landing-carousel-control .btn-next {left:-10px;}
/*
.landing-carousel-control .btn-prev{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/btn-landing-tab-prev.png');}
.landing-carousel-control .btn-next{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/btn-landing-tab-next.png');}
*/
/*tab button*/
.landing-carousel-control .tab-right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bg-landing-hero-tab-right.png');}
.landing-carousel-control .tab-center{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bg-landing-hero-tab-slice.png');}
.landing-carousel-control .tab-left{background:url(../img/bg-landing-hero-tab-left.png) no-repeat; width:33px; height:45px; float:left;}
.landing-carousel-control .tab-center{background:url(../img/bg-landing-hero-tab-slice.png) repeat-x; height:45px; float:left; margin:0; padding:0;}
.landing-carousel-control .tab-right{background:url(../img/bg-landing-hero-tab-right.png) no-repeat; width:59px; height:45px; float:left; padding-right:5px;}
.landing-carousel-control .tab-center {padding:10px 15px 0 0;}
*html .landing-carousel-control .tab-center {padding:10px 10px 0 0;}
.landing-carousel-control .head {color:#0860A8; margin-left:-3px;}
*html .landing-carousel-control .head{margin-left:-7px; margin-right:-4px;}
.landing-carousel-control img {float:left; cursor:pointer;}
.landing-carousel-control .prev.disabled{display:none;}
.landing-carousel-control .next.disabled{display:none;}
.landing-carousel-control a {cursor:pointer; text-decoration:none;}
/*end tab area*/

.flex-template-fifty-fifty-body {clear:both; float:left; margin-top:20px;}
.flex-template-fifty-fifty-body .column1,
.flex-template-fifty-fifty-body .column2 {float:left; width:437px; background:url(../img/bg-landing-bottom.gif) no-repeat; padding:20px 10px 20px 30px;}
.flex-template-fifty-fifty-body .column1 img{padding-right:10px;}
.flex-template-fifty-fifty-body .column1 .view-btn{margin:10px 0 0 30px; cursor:pointer; color:#0860A8;}
.flex-template-fifty-fifty-body .column1 {margin-right:10px; margin-left:5px; padding-left:35px;}
*html .flex-template-fifty-fifty-body .column1 {padding-left:37px; margin-right:7px;}
.flex-template-fifty-fifty-body .column1 a {cursor:pointer; text-decoration:none;}
.flex-template-fifty-fifty-body .column1 p.p-one,
.flex-template-fifty-fifty-body .column2 p.p-one{float:left; width:270px;}
.flex-template-fifty-fifty-body .column2 p.p-one{margin-right:20px;}
.flex-template-fifty-fifty-body .column2 p.p-two{float:left;}
.flex-template-fifty-fifty-body .column2 h3 {clear:both; font-size:0.85em; font-weight:bold; margin-bottom:10px;}
.flex-template-fifty-fifty-body  h1{line-height:200%;}
.clear{clear:both;}
.clear20{clear:both; height:20px;}
.hideClass{display:none;}
.showClass{display:block;}


.flex-template-full-width-body  .column1 {width:955px; background:url(../img/bg-landing-bottom-wide.gif) no-repeat; padding:20px 10px 20px 30px;}
.flex-template-full-width-body  .column1  p{width:880px;}
.flex-template-full-width-body  .column1  h1{line-height:200%;}
.flex-template-full-width-body h3 {clear:both; font-size:0.85em; font-weight:bold; margin-bottom:10px;}

/* learn page */
.flex-template-content a {text-decoration:none; cursor:pointer;}
.learn-title {float:left; margin-top:20px; margin-left:10px; width:300px;}
.learn-title h2 {font-size:0.95em; color:#999;}
.flex-template-content h1 {font-size:180%;line-height:200%;}
.learn-hero {background:url(../img/bg-hero-learn.jpg) no-repeat; width:980px; height:347px; padding:0}
.learn-hero h1  .learn-hero-micro h1{margin-bottom:20px;}
.learn-hero-micro {background:url(../img/hero_tech_section_microarchitecture.jpg) no-repeat; width:980px; height:347px; padding:0}
.learn-hero-right {float:right; text-align:left; margin-right:50px; margin-top:30px;}
*html .learn-hero-right{margin-right:30px;}
.learn-hero-right a {text-decoration:none; cursor:pointer;}
.learn-hero-right .select {vertical-align:top;}
.learn-hero-right ul {margin-top:10px;}
.learn-hero-right ul li {margin-top:5px;}
.learn-hero-right ul li.border{border-bottom:1px solid #CCC;}
.learn-hero-right img {margin-right:5px;}
.flex-template-two-thirds-body {clear:both; float:left; margin-top:20px;}
.flex-template-two-thirds-body .column1 {float:left; width:685px; margin-right:10px;}
*html .flex-template-two-thirds-body .column1 {}
.flex-template-two-thirds-body .col1-module {float:left; width:647px; background:url(../img/bg-learn-bottom-left.gif) no-repeat; padding:5px 20px 20px 20px;}
.flex-template-two-thirds-body .col1-module p {display:block;}
.flex-template-two-thirds-body .col1-module h3 {margin:20px 0; font-size:0.9em; color:#333;}
.flex-template-two-thirds-body .col1-module .tips{margin-left:20px; font-size:0.85em;  line-height:1.5em;}
.flex-template-two-thirds-body .col1-module .tips li{list-style-image:url(../img/img-bullet.gif)}
.flex-template-two-thirds-body .column2 {float:left; width:262px;}
.flex-template-two-thirds-body  img.thumb {margin-right:10px; margin-bottom:10px; float:left;}
.flex-template-two-thirds-body .col1-module .module-how {float:left; width:300px;}
.flex-template-two-thirds-body .col1-module .module-review {float:left; width:320px;}
.flex-template-two-thirds-body .col1-module .module-review p {width:180px; margin-right:10px; float:left;}
.flex-template-two-thirds-body .col1-module .module-review p.em {font-style:italic;}
.flex-template-two-thirds-body .col1-module .module-review img {vertical-align:top; float:left;}
.flex-template-two-thirds-body .col1-module .module-review .review {float:left; width:180px;}
.flex-template-two-thirds-body .col1-module .module-review .user-review-1 p{float:left; width:240px;}
.flex-template-two-thirds-body #experts-link, .flex-template-two-thirds-body #users-link {color:#0860a8; text-decoration:underline; font-weight:normal; cursor:pointer;} 
.flex-template-two-thirds-body #experts-link.current, .flex-template-two-thirds-body #users-link.current {font-weight:bold; text-decoration:none; color:#000; cursor:default;}
.bottom-divider {background:url(../img/img-horiz-divider.gif) no-repeat; float:left; height:24px; width:955px; margin:20px 0;}
.flex-template-two-thirds-body  .top h1 {width:100px; float:left;}
.flex-template-two-thirds-body  .right-links {float:right; margin-right:5px; margin-top:15px; font-size:0.85em;}
.flex-template-two-thirds-body  .module-how .ava-city, .coming-soon{color:#333; font-weight:bold;}

.flex-template-content .column2 {float:left;}
/**html .flex-template-content .column2 {width:261px;}*/
.flex-template-content .column2 .module-shop {background:url(../img/bg-right-top.gif) no-repeat; width:237px; height:236px; padding:5px 20px 0px 15px;}
.flex-template-content .column2 .module-shop h4 {font-weight:bold; font-size:0.85em; margin:10px 0;}
*html .flex-template-content .column2 .module-shop .btn{float:left; padding-bottom:7px;}
.flex-template-content .column2 .module-blog {background:url(../img/bg-right-blog.gif) no-repeat; width:235px; height:auto; padding:5px 15px 0 15px;}
.flex-template-content .column2 .module-blog-bot{background:url(../img/bg-right-blog-bot.gif) no-repeat; width:265px; height:41px; padding:14px 0 0 16px;}
.flex-template-content .column2 .module-blog h1,
.flex-template-content .column2 .module-vert h1 {font-size:148%;}
.flex-template-content .column2 .module-vert-bot{background:url(../img/bg-module-vert-bot.gif) no-repeat; width:265px; height:42px; padding:14px 0 0 16px;}
.flex-template-content .column2 .module-blog h1 {margin-top:-5px;}
.flex-template-content .column2 .insideColor {color:#0860a8;}
.flex-template-content .column2 .scoopColor {color:#36a5ff;}
.flex-template-content .column2 .profile .image {float:left; margin-right:5px;}
.flex-template-content .column2 .profile div.left {width:170px; margin-bottom:10px;}
.flex-template-content .column2 .profile p {margin-bottom:3px}

/* carousel */
.flex-template-content .carousel-top {margin-left:20px;}
.learn-carousel {clear:both; margin-left:20px;}
.learn-carousel ul{float:left; height:111px; position:relative;}
.learn-carousel ul li{width:300px; display:inline; float:left; margin-top:10px; margin-right:10px;}
.learn-carousel ul li.pc-mac{background:url(../img/img-mac.jpg) no-repeat;}
.learn-carousel ul li.pc-hp{background:url(../img/img-hp.jpg) no-repeat;}
.learn-carousel ul li.pc-dell{background:url(../img/img-dell.jpg) no-repeat;}
.learn-carousel ul li .pc{margin-left:120px; width:130px; margin-top:10px;}
.learn-carousel .pc h4{font-size:0.95em}
/*button used on both pages*/
.btn-left-side {background:url(../img/btn-left-side.gif) no-repeat; width:14px; height:28px; float:left;}
.btn-right-side {background:url(../img/btn-right-side.gif) no-repeat; width:27px; height:28px; float:left;}
.btn-middle {background:url(../img/btn-middle-slice.gif) repeat-x; height:21px; float:left; font-size:.85em; display:block; color:#0860a8;padding-top:7px; padding-right:5px;}
/*end button*/
.carousel-shopbtn{float:right; margin-right:40px;}
*html .carousel-shopbtn{margin-right:20px;}

/*carousel buttons*/
ul.carousel-btns {float:right; margin-right:40px;}
*html ul.carousel-btns {margin-right:20px;}
ul.carousel-btns li {display:inline; float:left; width:21px; padding:2px 0 0; height:21px; text-align:center; vertical-align:middle; color:#0860a8; background:url(../img/btn-collection-group.gif) no-repeat;}
ul.carousel-btns li.selected {color:#fff; background:url(../img/btn-collection-group-on.gif) no-repeat; width:21px; height:21px;}
ul.carousel-btns li.prev {width:20px; padding:0; margin: 0 2px 0 0; background:url(../img/btn-collection-prev.gif) no-repeat;}
ul.carousel-btns li.next {width:20px; padding:0; margin: 0 0 0 2px; background:url(../img/btn-collection-next.gif) no-repeat;}

/* ==================================================================
Modules page
================================================================== */
#wiyContent .module-vert .story {float:left; width:230px; min-height:82px; height:auto !important; height:82px; margin:4px 5px 10px 0; background:url(../img/bg-module-story.gif) no-repeat;}
#wiyContent .module-vert .story .image {float:left; width:96px; min-height:72px; height:auto !important; height:72px; margin:5px 15px 0 5px; padding:0;}
#wiyContent .module-vert .story h4 {margin: 10px 0 10px 0; padding:0;}
#wiyContent .module-vert .story p{margin:0; padding:0;}

#wiyContent .module-vert {padding-left:16px; background:url(../img/bg-module-vert.gif) no-repeat; width:249px;}
#wiyContent .module-vert h1 {line-height:100%; padding:8px 0 6px 0;}
#wiyContent .module-vert h2 {padding-bottom:10px; font-size:90%; color:#999;}
#wiyContent .module-vert .story {margin:5px 5px 0px 0;}

#wiyContent .module-vert-bot {padding:14px 0 0 16px; background:url(../img/bg-module-vert-bot.gif) no-repeat; width:249px; height:42px;}
#wiyContent .module-vert-bot a {display:inline; font-size:85%; padding-right:15px;}

/*Style for Feature Collection Page if incorporating toolbar chunk*/
.collection-with-toolbars  {float:left;}

/* Global Styles from /sites/sitewide/30/css/sitewide.css required for toolbar chunk */
.endfloat{clear:both;}
.print-email-buttons{float:right;padding-top:6px}
.print-email-buttons a{float:left}
.icon-email, .icon-print, .icon-port{padding-right:3px}
.icon-port{vertical-align:top}
.icon-spacer{float:left;width:3px;height:1px}

/* Styles from intel-main.css for Flash, main column */
#rich-media-c {
	width:100%;
	_height:auto;
	min-height:355px;
	overflow:hidden;
	text-align:center;
}
#main-c  {
	width:980px;
	_height:425px;
	min-height:425px;
	margin:0 auto;
	text-align:left;
}
/* ==== modules ========== */

.module { width: 320px; }

.moduleTop320 {
        background-image: url('/lifeatintel/pix/moduleTop320.gif');
        background-repeat: no-repeat;
        background-position: bottom;
        width: 320px;
        height: 5px;
        line-height:1px;
}

.moduleBottom320 {
        background-image: url('/lifeatintel/pix/moduleBottom320.gif');
        background-repeat: no-repeat;
        background-position: top;
        width: 320px;
        height: 5px;
        line-height: 1px;
}	

.moduleContentArea320 {
        color: #666666;
        font-size: 11px;
        background-image: url('/lifeatintel/pix/moduleContentArea320.gif');
        vertical-align: top;
}
