/* Marketing - Design Resources CSS */

/*--------------------------
 	Index Page
 ---------------------------*/ 
.mk-design-services-banner-img { background:url(../../images/apac/common/design_resources_headers/ee-portal-header.jpg) no-repeat right bottom; }
.mk-designResources-img { background-image: url(../../images/apac/common/design_resources/design-resources-thumbs.jpg); }


/*--------------------------
 	Lab Supplies
 ---------------------------*/ 

.mk-lab-supplies-img { background:url(../../images/apac/common/design_resources_headers/lab-supplies-header-eu.jpg) no-repeat right bottom; }
.mk-mod12-diagram.mk-mod12-design-resources-lab-supplies{
	width:756px;height:640px;
	background: url(../../images/apac/common/design_resources/lab-supplies-diagram.gif) center 0px no-repeat!important;
}
.mk-mod12-annotation-test-1 {left:305px;top:15px;z-index:20;}
.mk-mod12-annotation-components {left:375px;top:0px;z-index:19;}
.mk-mod12-annotation-connectors {left:470px;top:55px;z-index:18;}
.mk-mod12-annotation-kits {left:540px;top:180px;z-index:17;}
/*.mk-mod12-annotation-carts {left:60px;top:90px;z-index:16;}*/
.mk-mod12-annotation-test-2 {left:150px;top:21px;z-index:40;}
.mk-mod12-annotation-test-3 {left:165px;top:165px;z-index:60;}
.mk-mod12-annotation-test-4 {left:300px;top:180px;z-index:50;}
.mk-mod12-annotation-dev-kits {left:315px;top:230px;z-index:21;}
.mk-mod12-annotation-tools {left:390px;top:240px;z-index:11;}
.mk-mod12-annotation-soldering {left:335px;top:265px;z-index:20;}
.mk-mod12-annotation-pcb-prototyping-1 {left:490px;top:260px;z-index:9;}
.mk-mod12-annotation-pcb-prototyping-2 {left:410px;top:345px;z-index:8;}
/*.mk-mod12-annotation-bench-equipment {left:580px;top:400px;z-index:7;}*/
.mk-mod12-annotation-gen-supplies {left:605px;top:305px;z-index:6;}
.mk-mod12-annotation-inspection {left:465px;top:365px;z-index:5;}
.mk-mod12-annotation-static-protection-1 {left:240px;top:410px;z-index:4;}
.mk-mod12-annotation-static-protection-2 {left:640px;top:510px;z-index:3;}
.mk-mod12-annotation-static-protection-3 {left:580px;top:400px;z-index:7;}
/*.mk-mod12-annotation-chairs {left:120px;top:400px;z-index:10;}*/
.mk-mod12-annotation-cable {left:410px;top:165px;z-index:30;}
.mk-mod12-tooltip-cable {top:-26px!important;}
.mk-mod12-tooltip-static-protection-2 {left:-90px!important;}
.mk-lab-content {min-width:600px; max-width:1000px;}


/*--------------------------
 	Dev Kits
 ---------------------------*/ 

.mk-786header-dev-kits-banner-img { background:url(../../images/common/design_resources/design_resources_headers/fluid786_header1_fore_dev-kit.jpg) no-repeat right bottom; }
#mk-carousel-container {height:580px;}

.mk-devkit-new-release-01-banner
{background:url(../../images/apac/common/design_resources/new_releases/devkit_new_releases_logibone_bg.jpg) no-repeat right bottom; border: solid 1px #b4d9e0;}

.mk-devkit-new-release-02-banner
{background:url(../../images/apac/common/design_resources/new_releases/devkit_new_releases_freescale_kea_startertrak_bg.jpg) no-repeat right bottom; border: solid 1px #b4d9e0;}

/* Dev Kits Sprite */
.mk-btnProductSprite:hover 
{margin:5px auto 0 auto; background-image:url(../../images/apac/common/design_resources/devkits-nav-active.png); cursor: pointer;}
.mk-btnProductSprite 
{margin:5px auto 0 auto; display:block; width:80px; height:60px; 
background-image:url(../../images/apac/common/design_resources/devkits-nav-inactive.png);}
.mk-btnProductSpriteActive 
{margin-right:15px; float:left; display:block; width:80px; height:60px;
background-image:url(../../images/apac/common/design_resources/devkits-nav-active.png);}

.mk-btnProductSprite-cn:hover 
{margin:5px auto 0 auto; background-image:url(../../images/apac/common/design_resources/devkits-nav-active-cn.png); cursor: pointer;}
.mk-btnProductSprite-cn
{margin:5px auto 0 auto; display:block; width:80px; height:60px; 
background-image:url(../../images/apac/common/design_resources/devkits-nav-inactive-cn.png);}
.mk-btnProductSpriteActive-cn 
{margin-right:15px; float:left; display:block; width:80px; height:60px;
background-image:url(../../images/apac/common/design_resources/devkits-nav-active-cn.png);}

.mk-btnProductSprite-th:hover 
{margin:5px auto 0 auto; background-image:url(../../images/apac/common/design_resources/devkits-nav-active-th.png); cursor: pointer;}
.mk-btnProductSprite-th
{margin:5px auto 0 auto; display:block; width:80px; height:60px; 
background-image:url(../../images/apac/common/design_resources/devkits-nav-inactive-th.png);}
.mk-btnProductSpriteActive-th 
{margin-right:15px; float:left; display:block; width:80px; height:60px;
background-image:url(../../images/apac/common/design_resources/devkits-nav-active-th.png);}

/* Product List */
.mk-title-position{position:relative; top:30px;}
.mk-height {margin:0; height:50px;}
.mk-btnProduct-nav-01 {background-position:0px 0px;}
.mk-btnProduct-nav-02 {background-position: 0px -100px;}
.mk-btnProduct-nav-03 {background-position: 0px -200px;}
.mk-btnProduct-nav-04 {background-position: 0px -300px;}
.mk-btnProduct-nav-05 {background-position: -10px -400px;}
.mk-btnProduct-nav-06 {background-position: -10px -500px;}
.mk-align-centre {text-align:center;}
.mk-borders {border: 1px solid #B8D7E5;}

.mk-mod5 .mk-mod5-cell {height:auto !important;}

.mk-devkit-subhead {color:#007fac !important; font-size:2.4em !important; font-weight: bold !important; background: none !important; padding-bottom: 0px !important;}
.mk-border-right {border-right: 1px solid #b8d7e5;}
.mk-border-none {border:none !important;}
.mk-five-items .mk-mod5-cell {width: 19.25% !important;}
.mk-six-items .mk-mod5-cell {width: 16.25% !important;}
.mk-pullout-padding {padding:12px 0px !important;}
.mk-demo-cta-title {font-size:2.3em !important;}
.mk-carousel-controls {top: 100px !important; width: 100% !important; margin: 0 0% !important;}
.mk-flash-overlay {position:absolute; z-index:1000;}

.mk-featured-title {height:50px;}
.mk-featured-description {height:200px;}
.mk-featured-description-200 {height:200px;}
.mk-featured-description-170 {height:170px;}
.mk-featured-description-140 {height:140px;}
.mk-featured-description-120 {height:120px;}
.mk-pullout-box2 {margin-bottom: 0px !important;}

.mk-slide, .mk-slide2, .mk-slide3 {position: relative; float: left ;width: 785px;}

#mk-carousel-container2 {overflow: hidden; height:500px;}
#mk-carousel-container3 {overflow: hidden; height:550px;}
#mk-carousel-slides2,#mk-carousel-slides3 {position: absolute; float: left; width: 9000px!important; left: 0px;}

.mk-three-items .mk-mod5-cell {
width: 31% !important;
}

.mk-mod-100-830 { margin: 0; overflow: hidden; width:100%; min-width:830px;}

#mk-featured-kits ul { padding: 0px; margin: 0; list-style: none; }
#mk-featured-kits li { border-bottom: 1px solid #d7eaf1; padding-bottom: 10px;	padding-top: 0px; margin-top: 10px; }
.mk-pdf { background: url(../../images/common/design_resources/pdf-con.gif) no-repeat left 0; padding-left: 25px; height: 20px; }
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10; display:none; padding:0px 20px 20px 20px; margin-top:-45px;  width:630px; *width:62%;  line-height:16px; }
a.tooltip:hover span{ display:inline; position:absolute; left:-668px; *left:10%; color:#333; border:6px solid #005B83; background:#ffffff; cursor:pointer;}

/*--------------------------
 	Technical Journals
 ---------------------------*/ 

.mk-technical-journals-banner-img { background:url(../../images/common/design_resources/design_resources_headers/fluid786_fore_technical-journals.jpg) no-repeat right bottom; }
.mk-technology-first-thumbs-img { background-image: url(../../images/common/design_resources/technology-first-thumbs.jpg); }

/*--------------------------
 	Dev Kit HQ Banner (to be moved)
	*Added by Zhirong, 05/07/13
 ---------------------------*/ 
.mk-dev-kit-hq-fixed198-cta {background:#f9f9f9 url(../../images/apac/common/multiuse_banners/promo-dev-kit-HQ-fixed198-bg.jpg) bottom center no-repeat!important; padding-bottom:120px!important;}

/*--------------------------
 	Dev Kit Side Banner
	*Added by Zhirong, 11/09/13
 ---------------------------*/ 
.mk-dev-kit-embedded-banner {background:#f9f9f9 url(../../images/apac/common/design_resources/devkit-embedded-bnr.jpg) bottom center no-repeat!important; padding-bottom:120px!important;}
.mk-dev-kit-non-embedded-banner {background:#f9f9f9 url(../../images/apac/common/design_resources/devkit-non-embedded-bnr.jpg) bottom center no-repeat!important; padding-bottom:120px!important;}

/*--------------------------
 	SA Dev Kit Campaign Images
	*Added by Jason, 10/11/14
 ---------------------------*/ 
.mk-786header-arm-devkits-banner-img { 
	background:url(../../images/apac/common/landing/sa-devkits/fluid-header-arm-devkits-mpu-mcu.jpg) no-repeat right bottom; }

.mk-arm-devkit-new-release-01-banner {
	background:url(../../images/apac/common/landing/sa-devkits/img-hero-riotboard.jpg) no-repeat right bottom; border: solid 1px #b4d9e0;}

.mk-arm-devkit-new-release-02-banner {
	background:url(../../images/apac/common/landing/sa-devkits/img-hero-kinetis-freedom.jpg) no-repeat right bottom; border: solid 1px #b4d9e0;}
	
.mk-786header-low-power-devkits-banner-img { 
	background:url(../../images/apac/common/landing/sa-devkits/fluid-header-arm-devkits-low-power-mcu.jpg) no-repeat right bottom; }
	
.mk-low-power-devkit-new-release-01-banner {
	background:url(../../images/apac/common/landing/sa-devkits/img-hero-msp-fram-launchpad.jpg) no-repeat right bottom; border: solid 1px #b4d9e0;}

.mk-low-power-devkit-new-release-02-banner {
	background:url(../../images/apac/common/landing/sa-devkits/img-hero-cc3100.jpg) no-repeat right bottom; border: solid 1px #b4d9e0;}
	
.mk-sa-devkit-supplier-thumb{
	background: url(../../images/apac/common/landing/sa-devkits/supplier-logos-thumb.jpg)
}



/* new header styles */

.new-page-header {
	width:100%;
	background: #007fac url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/carat-new-header.png) no-repeat bottom left;
}

.new-page-header-inner {
	padding-right:50%;
	padding-top:24px;
	padding-bottom:30px;
	padding-left:32px;
	margin-bottom:24px;
}

.new-design-resources-img {
	background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/design_resources/design-resources-img.png) no-repeat right top;
}

.text-reverse {  color: #fff !important; }