.h2, h2 {
	color: #77bd43;
}
h2.desc {
	color: #454442;
}

/* Buttons - new version */


.button .lbl {
	background: #8ec03f;
	background: -moz-linear-gradient(top, #8ec03f 0%, #6e9f21 100%);
	background: -webkit-linear-gradient(top, #8ec03f 0%,#6e9f21 100%);
	background: linear-gradient(to bottom, #8ec03f 0%,#6e9f21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#8ec03f', endColorstr='#6e9f21',GradientType=0 );
	background-position: 0 0;
	border-right: 1px solid #b9d08c;
}
.button:hover .lbl {
	background: #7ab51d;
	background-position: 0 0;
}


/*
.main-content .button .lbl { background: url("./complete-sprites.png") 0 -154px repeat-x; border-right: 1px solid #b9d08c; }
.main-content .button:hover .lbl { background-position: 0 -185px; }
.main-content .button.nobg .lbl { background-image: none; color: #77bd43; }
*/

body .main-content .button .lbl {
	background: #8ec03f;
	background: -moz-linear-gradient(top, #8ec03f 0%, #6e9f21 100%);
	background: -webkit-linear-gradient(top, #8ec03f 0%,#6e9f21 100%);
	background: linear-gradient(to bottom, #8ec03f 0%,#6e9f21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#8ec03f', endColorstr='#6e9f21',GradientType=0 );
	background-position: 0 0;
	border-right: 1px solid #b9d08c;
}
body .main-content .button:hover .lbl {
	background: #7ab51d;
	background-position: 0 0;
}




/* Arrow */
.main-content .button .arrow { background: url("./complete-sprites.png") 0 -84px no-repeat; }
.main-content .button:hover .arrow { background-position: 0 -114px }

/* cta-large */
/* Buttons - new version */
.main-content .cta-large .button .lbl{
	background: rgb(142,192,63); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,192,63,1) 0%, rgba(110,159,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(142,192,63,1) 0%,rgba(110,159,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(142,192,63,1) 0%,rgba(110,159,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec03f', endColorstr='#6e9f21',GradientType=0 ); /* IE6-9 */
}
.main-content .cta-large .button:hover .lbl {
	background: rgb(122,181,29); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(122,181,29,1) 0%, rgba(127,184,37,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(122,181,29,1) 0%,rgba(127,184,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(122,181,29,1) 0%,rgba(127,184,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab51d', endColorstr='#7fb825',GradientType=0 ); /* IE6-9 */
}
.main-content .cta-large .button.nobg .lbl{
	background: none;
	color: #8AAF2F;
}

/* Arrow */
.main-content .cta-large .button .arrow {
	background-image: url("./complete-sprites.png");
	background-position: 0 -119px;
	background-repeat: no-repeat;
	background-size: 105% auto;
}
.main-content .cta-large .button:hover .arrow {
	background-position: 0 -160px
}

/* Extra */
.main-content .container { position: relative; }

/*
* Custom Animated Banner at top of overview page
*/
.banner .pic{
	width: 45%;
}
.banner .pic img{
	width: 100%;
}

.complete-onepager .completeHero .container {
	border-left: none;
	border-right: none;
	padding-top: 0px !important;
}
.complete-onepager .completeHero .banner {
	height: 423px;
	overflow: hidden;
}
.complete-onepager .completeHero .banner .pic {
	top: 0px;
	right: 0px;
	left: auto;
	width: auto;
	height: 423px;
	line-height: 423px;
	text-align: center;
	position: absolute;
	display: block;
}
.complete-onepager .completeHero .banner .pic img {
	vertical-align: middle;
	max-height: 423px;
}
.complete-onepager .completeHero .banner .info {
	background: url("./complete-logo.png") no-repeat 24px 2px;
	padding: 38px 0 0px 24px;
	background-color: none;
	right: auto;
	top: 100px;
	height: auto;
	width: 250px;
	display: block;
}
.complete-onepager .completeHero .banner .info .inner {
	height: auto;
}
.complete-onepager .completeHero .banner .info .title {
	color: #77bd43;
	font-size: 19px;
	line-height: 26px;
	margin: 0;
	font-family: DINWebPro-Light, sans-serif;
}
.complete-onepager .completeHero .banner .info .subtitle {
	display: block;
	color: #FFFFFF;
	font-size: 19px;
	line-height: 26px;
	margin: 0;
	font-family: DINWebPro-Light, sans-serif;
}
.complete-onepager .completeHero .banner .info .desc {
	display: block;
	color: #FFFFFF;
	font-size: 19px;
	line-height: 26px;
	margin: 0;
	font-family: DINWebPro-Light, sans-serif;
}
.complete-onepager .completeHero .banner .info .promo-image {
	position: absolute;
	top: 0px;
}
.complete-onepager .completeHero .banner .info2 {
	display: none;
}
.complete-onepager .completeHero .banner .info .btn-more {
	padding: 17px 0 0 0;
	text-align: left;
	right: auto;
	left: 0px;
}
.complete-onepager .completeHero .carousel-pagination {
	margin-top: -36px;
	position: absolute;
	bottom: 0px;
	text-align: center;
	padding: 22px 0 22px 0;
	width: 100%;
}
.complete-onepager .completeHero .carousel-pagination .bullet {
	display: inline-block;
	width: 11px;
	height: 10px;
	margin-left: 3px;
	cursor: pointer;
	background: url('./complete-sprites.png') no-repeat 0px 0px !important;
}
.complete-onepager .completeHero .carousel-pagination .bullet.on {
	background: url('./complete-sprites.png') no-repeat 0px -10px !important;
}



/*
 * Simple Banners at top of product pages
 */

section.completeSimple .container {
    height: 423px;
	border-left: none;
	border-right: none;
	padding-top: 0px;
}
section.completeSimple .banner {
    height: 423px;
}
section.completeSimple .info {
    padding: 0 24px;
    display: block;
    right: auto !important;
}
section.completeSimple .info .inner {
	position: absolute;
	top: 105px;
	width: 250px;
	height: auto;
	padding: 70px 0 35px 0;
	background: url("./complete-logo.png") no-repeat 0px 2px;
}
section.completeSimple .info .title {
	color: #77bd43;
	font-size: 19px;
	line-height: 26px;
}
section.completeSimple .info .btn-more {
    padding-left: 0px;
    text-align: left;
}
section.completeSimple .info .desc {
    color: #FFFFFF;
    font-size: 19px;
    line-height: 26px;
    font-family: DINWebPro-Light, sans-serif;
}
section.completeSimple .pic {
    line-height: inherit;
    width: auto;
    height: auto;
    left: auto !important;
    right:0 !important;
    display: block;
    position: absolute;
}



/* Banner rotator - Hero */
.complete-onepager .completeInfo .carousel {
	margin-bottom: 0px;
}
.complete-onepager .completeInfo .carousel-prev {
	display: none;
}
.complete-onepager .completeInfo .carousel-next {
	display: none;
}

.complete-onepager .completeInfo .banner {
	height: 496px;
}
.complete-onepager .completeInfo .banner .pic {
	top: 0px;
	left: auto;
	right: 0px;
	width: 100%;
	height: 496px;
	line-height: 400px;
	text-align: right;
	vertical-align: middle;
	position: absolute;
	display: block;
}
.complete-onepager .completeInfo .banner .pic img {
	max-height: inherit;
}
.complete-onepager .completeInfo .banner .info {
	width: 335px;
	display: block;
	right: auto;
}
.complete-onepager .completeInfo .banner .info .inner {
	height: 475px;
}
.complete-onepager .completeInfo .banner .info .title {
	font-family: DINWebPro-Light, sans-serif;
	font-size: 28px;
	line-height: 35px;
	color: #77bd43;
	margin: 0 0 20px 0;
}
.complete-onepager .completeInfo .banner .info .desc {
	font-family: DINWebPro-Light, sans-serif;
	color: #454442;
	font-size: 18px;
	line-height: 26px;
	margin: 0;
	display: block;
}
.complete-onepager .completeInfo .banner .info .promo-image {
	position: absolute;
	top: 0px;
}
.complete-onepager .completeInfo .banner .info2 {
	display: none;
}

.complete-onepager .completeInfo .carousel-pagination .bullet {
	background: url('./complete-sprites.png') no-repeat 0px 0px !important;
}
.complete-onepager .completeInfo .carousel-pagination .bullet.on {
	background: url('./complete-sprites.png') no-repeat 0px -10px !important;
}

/* Info Module - Banner rotator */



/*
* Single column promo block on Overview page
*/
.single-col-promo .span18 .row {
	border-left: none;
}
.single-col-promo .col1,
.single-col-promo.pos-right .col1 {
	width: 295px;
	margin: 75px 24px 0 0;
}
.single-col-promo .col1 .pad,
.single-col-promo.pos-right .col1 .pad {
	padding: 0;
	margin: 0;
}
.single-col-promo .col2 {
	width: 295px;
	float: right;
	margin: 75px 24px 60px 0;
}
.single-col-promo.pos-right .col2 {
	width: 295px;
	margin: 75px 0 60px 0;
}
.single-col-promo .col2 .pad,
.single-col-promo.pos-right .col2 .pad {
	padding: 0;
	margin: 0;
}
.single-col-promo .col2 .desc {
	font-family: DINWebPro-Light, sans-serif;
	font-size: 28px;
	line-height: 1.2em;
}
.single-col-promo .col2 .btn-more {
	text-align: left;
}

/* Zoom block */
.complete-onepager .image-zoom .title {
	color: #77bd43;
	font-family: DINWebPro-Light, sans-serif;
}
.complete-onepager .image-zoom .desc {
	color: #454442;
	font-family: DINWebPro-Light, sans-serif;
}
.complete-onepager .glassNode > div {
	border-color: #77bd43;
}
.complete-onepager .large-image-promo .title {
	color: #77bd43;
	font-family: DINWebPro-Light, sans-serif;
}

/*
* basic layout for banners in the content area
*/

.content-banner .span24{
	overflow: hidden;
}

.content-banner .banner {
	overflow: hidden;
	height: 499px;
}
.content-banner .banner .pic {
	height: auto;
	top: 0px;
	bottom: auto;
	width: auto;
	left: auto;
	right: auto;
	display: block;
	position: absolute;
}
.content-banner .banner .pic img {
	max-height: inherit;
	/*position: relative;*/
	max-width: inherit;
	z-index: 10;
}
.content-banner .banner .info {
	background: none;
	width: 285px;
	right: auto;
	left: 0px;
	top: 0px;
	bottom: auto;
	padding: 24px;
	padding-left: 19px;
	display:block;
}
.content-banner .banner .info .inner {
	height: auto;
}
.content-banner .banner .info .title {
	color: #454442;
	position: static;
	margin-top: 138px;
}
.content-banner .banner .info .info-content { margin-bottom: 14px; }
.content-banner .banner .title {
	color: #77bd43;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 200px;
	margin-bottom: 10px;
	font-size: 28px;
	font-family: DINWebPro-Light, sans-serif;
	line-height: 35px;
	position: absolute;
	top: 0px;
}
.content-banner .banner .info .desc {
	margin-bottom: 10px;
}
.content-banner .banner .info .btn-more {
	z-index: 30;
}
.content-banner .banner .info .text-center.pad {
	padding: 17px 0 0 0;
	text-align: left;
}
.content-banner .banner .copy1,
.content-banner .banner .copy2,
.content-banner .banner .copy3 {
	padding-left: 80px;
	width: 335px;
}

/* speaker overrides */
.completeSpeakerAnim .banner {
	height: 615px;
}
.completeSpeakerAnim .banner .copy3 {
	padding-left: 18px;
}
.completeSpeakerAnim .banner .pic { z-index: 10; }
.completeSpeakerAnim .notes { padding-left: 345px; padding-top: 163px; }
.completeSpeakerAnim .sines { margin-top: -308px; }
.completeSpeakerAnim .sines div { height: 410px; }
.completeSpeakerAnim .waves { margin-top: -371px; margin-left: 347px;  }
.completeSpeakerAnim .carousel-pagination { bottom: 35px; }

.completeSpeakerAnim .audio-control {
				position: absolute;
				bottom: 32px;
				right: 32px;
				width: 32px;
				height: 32px;
				display: none;
				cursor: pointer;
				background: url('./complete-sprites.png') no-repeat 0px -20px !important;
}
.completeSpeakerAnim .audio-control.ready {
		display: block;
		z-index: 1000;
}
.completeSpeakerAnim .audio-control.paused {
		background: url('./complete-sprites.png') no-repeat 0px -52px !important;
}


/* notebook overrides */
.completeNotebook .banner .title {
		margin-top: 0;
}
.completeNotebook .banner .copy1 {
	top: 39%; /* 182px; */
	width: 440px;
	padding-left: 18px;
}
.completeNotebook .banner .copy2 {
	top: 53%; /* 149px; */
	width: 180px;
	text-align: right;
	padding-left: 65px;
}
.completeNotebook .banner .copy3 {
	top: 33%; /* 252px; */
	width: 209px;
}
.completeNotebook .banner .copy4 {
		top: 68%;
		width: 375px;
}
.completeNotebook .banner .copy5 {
	top: 23%;
	width: 320px;
	padding-left: 186px;
}
.completeNotebook .banner .copy6 {
	top: 39%;
	width: 280px;
	padding-left: 175px;
}

/*
*/

.carousel-pagination {
	margin-top: -56px;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 22px 0 22px 0;
	width: 100%;
}
.content-banner .carousel-pagination .bullet {
	display: inline-block;
	width: 11px;
	height: 10px;
	margin-left: 3px;
	cursor: pointer;
	background: url('./complete-sprites.png') no-repeat 0px 0px !important;
}
.content-banner .carousel-pagination .bullet.on {
	background: url('./complete-sprites.png') no-repeat 0px -10px !important;
}


.large-image-promo .info {
	width: 500px;
}
.large-image-promo h2 {
	font-size: 28px;
	line-height: 1.3em;
	text-align: left;
}
.large-image-promo h3 {
	font-size: 22px;
	line-height: 1.3em;
	text-align: left;
}
.large-image-promo .btn-more {
	display: none;
}
.speaker-large-image .content {
	margin-top: 120px;
}
.speaker-large-image .info {
	width: 430px;
}



.image-zoom .content {
	margin-top: 95px;
}

.highlights .section-title {
		top: 70px;
}
.highlights .highlight {
	padding-top: 70px;
}

.hotspot .col2 {
	vertical-align: middle;
}
.hotspot .col2 .pad {
	border: none;
}
.hotspot .col3 {
	vertical-align: middle;
}
.hotspot .col3 .pad {
	border: none;
}
.hotspot .col3 .btn-more {
	display: none;
}


.section-navbar .drop-trigger {
		display: block;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		padding: 15px 0 15px 20px;

		background-color: #8cac3f;
	background: -moz-linear-gradient(top, #9bbb4e 0%, #9bbb4e 0%, #769528 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9bbb4e), color-stop(0%, #9bbb4e), color-stop(100%, #769528));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #9bbb4e 0%, #9bbb4e 0%, #769528 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #9bbb4e 0%, #9bbb4e 0%, #769528 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #9bbb4e 0%, #9bbb4e 0%, #769528 100%);
	/* IE10+ /
		background: linear-gradient(to bottom, @startColor 0%, @startColor @startOfNewColor, @endColor 100%); /* W3C */

	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#ff9bbb4e', endColorstr='#ff769528', GradientType=0);
	border-color: #769528 #769528 #465918;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #769528;

	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.section-navbar .drop-trigger:hover,.section-navbar .drop-trigger:active, .section-navbar .drop-trigger:focus{
	background-color: #85a437;
	background: -moz-linear-gradient(top, #769528 0%, #769528 0%, #9bbb4e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769528), color-stop(0%, #769528), color-stop(100%, #9bbb4e));
	background: -webkit-linear-gradient(top, #769528 0%, #769528 0%, #9bbb4e 100%);
	background: -o-linear-gradient(top, #769528 0%, #769528 0%, #9bbb4e 100%);
	background: -ms-linear-gradient(top, #769528 0%, #769528 0%, #9bbb4e 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#ff769528', endColorstr='#ff9bbb4e', GradientType=0);
	border-color: #9bbb4e #9bbb4e #708834;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #9bbb4e;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.section-navbar .drop-content li a:hover span,
.section-navbar .drop-content li a:focus span,
.section-navbar .drop-content li a:active span,
.section-navbar .drop-content li.active a span {color: #77bd43; }


/*
* US Logo override
*/
.en-US section.completeSimple .info .inner, .en-US .completeHero .banner .info {
	background: url("./mobile-logo.png") no-repeat 24px 2px;
}



.mainbannercomplete .info-content h1.title {
	color: #000000;
}

/*
* Large Image Promo overrides
*/
.large-image-promo {
	/*height: 460px;*/
}
section.large-image-promo .btn-more {
	margin-bottom: 33px;
}

.large-image-promo .info {
	max-width: 740px;
}

/*
* Tabbed Promotion overrides
*/
.tabbed-promo .tab-panel .tab-content {
	width: 310px;
}
.tabbed-promo .tab-panel .tab-content h2 {
	color: #454442;
}
/*.tabbed-promo .tab-panel .tab-image {
	width: auto;
	margin: 0 -24px 0 -76px;
}*/
.tabbed-promo ul.tab-nav li a:hover,
.tabbed-promo ul.tab-nav li.active a {
	color: #77bd43;
}
.tabbed-promo ul.tab-nav li a span.ico {
	width: 61px;
}

/*
* Product Family simple banner
*/
.product-family,
.product-family .banner{
	height: 560px;
}
.product-family .pic {
	width: 738px;
	height: 560px;
	border-right: 1px solid #eeeeed;
}
.product-family .pic img {
	max-height: inherit;
	margin-top: 100px;
}
.product-family .info {
	right: 0px;
	width: 240px;
	height: 560px;
	padding: 0 0 0 15px;
}
.product-family .info .inner {
	position: absolute;
	bottom: 50px;
	height: auto;
}
.product-family .info h2 {
	position: absolute;
	top: -273px;
	left: -728px;
	color: #454442;
}
.product-family .info h3 {
	margin-bottom: 35px;
}
.product-family .info .btn-more {
	right: 13px;
	padding: 17px 0;
}

.banner-rotator .carousel-pagination{
	bottom:0;
}
.banner-rotator .carousel-pagination .bullet {
	display: inline-block;

	width: 11px;
	height: 10px;
	margin-left: 3px;

	cursor: pointer;

	background: url('./complete-sprites.png') no-repeat 0 0 !important;
}
.banner-rotator .carousel-pagination .bullet.on {
	background: url('./complete-sprites.png') no-repeat 0 -10px !important;
}

/* Tablet mod */
@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) and (orientation : portrait) {

	.complete-onepager .completeInfo .banner .info{
		margin-left: -66px;
		margin-top: 80px;
	}


}
@media (max-width: 985px) and (min-width: 768px){

	.completeInfo .carousel-container .info{
		/*display: block;*/
		/*width: 55%;*/
	}

	.content-banner .banner .info {
			top: 75px;
	}
	.content-banner .banner .info .title {
		margin-top: 30px;
	}
	.content-banner .banner .info .info-content {
		height: auto;
		max-height: 227px;
	}
	.complete-onepager .completeSimple .simple-banner .pic{
		width:60%;
		height:auto;
		margin:50px -50px;
	}
	.complete-onepager .completeHero .banner {
		height: 423px;
		line-height: 329px;
	}
	.complete-onepager .completeHero .container{
		height:423px;
	}
	.complete-onepager .completeHero .banner .pic {
		height: 329px;
	}
	.complete-onepager .completeHero .banner .pic img {
		max-height: 329px;
	}
	.complete-onepager .completeHero .banner .info {
		width: 220px;
		top: 115px;
	}
	.complete-onepager .completeHero .banner .info .info-content {
		height: 110px;
	}
	.complete-onepager .completeInfo .banner {
		height: 387px;
		/*line-height: 387px;*/
	}
	.complete-onepager .completeInfo .banner .pic {
		height: 387px;
		left:-100px;
		margin-left: 0;
		margin-right: 0;
		/*line-height: 387px;*/
	}
	.complete-onepager .completeInfo .banner .pic img {
		/*max-height: 387px;*/
	}
	.complete-onepager .completeInfo .banner .info {
		width: 250px;
		padding: 0 24px 50px 24px;
		position:relative !important;
	}
	.complete-onepager .completeInfo .banner .info .info-content {
		height: 100%;
		max-height: 100%;
	}
	.complete-onepager .single-col-promo .col1 {	/* image position: left */
		width: 288px;
	}
	.complete-onepager .single-col-promo .col2 {	/* image position: left */
		width: 236px;
		margin: 0 10px;
	}
	.complete-onepager .single-col-promo .col2 .pad{	/* image position: left */
		margin: 65px 0 50px 0;
	}
	.complete-onepager .single-col-promo.pos-right .col1 {		/* image position: right */
		width: 288px;
	}
	.complete-onepager .single-col-promo.pos-right .col2 {		/* image position: right */
		width: 208px;
	}


	/* explore categories nav bar */
	.section-navbar .navbar-title { padding-left: 17px; }
	.section-navbar .drop-content li a { padding: 20px 15px 15px; }
	/* teaser video */

		/* Positioning of the animated blocks */
		.completeSpeakerAnim .notes { padding-left: 163px; padding-top: 184px; }
		.completeSpeakerAnim .sines { margin-top: -280px; }
		.completeSpeakerAnim .waves { margin-top: -476px; margin-left: 219px; }
		.completeSpeakerAnim  .content-banner .banner .info { top: 65px; }
		.content-banner .banner .copy1 {
			margin-top: 100px;
			padding-left: 70px;
		}
		.content-banner .banner .copy2 {
			margin-top: 105px;
			padding-left: 60px;
		}
		.content-banner .banner .copy3 {
			margin-top: 100px;
			padding-left: 30px;
			width: 280px;
		}
		.content-banner .banner .info {
			padding-left: 39px;
		}
		.content-banner .banner .info .desc{
			padding-right: 40px;
		}
		.content-banner .banner .pic {
			padding-top: 25px;
		}

		.completeNotebook .banner .copy1 { margin-top: -60px; }
		.completeNotebook .banner .copy2 { margin-top: -155px; }
		.completeNotebook .banner .copy3 { width: 210px; margin-top: 30px; }
		.completeNotebook .banner .copy5 { top: 14%; }
		.completeNotebook .banner .copy6 { padding-left: 45px; }

		.image-zoom .click-here { /*top: 105px !important; left: auto !important; right: 100px;*/display:none; }

		.completeIPhoneAnim.content-banner .banner .copy1 { width: 363px; }

		.complete-onepager .completeHero .carousel-pagination {
			line-height: 0px;
		}

		.complete-onepager .completeHero .banner .info .desc {
			line-height: 21px;
		}

		.complete-onepager .completeInfo .banner .info .title{
		font-size: 26px;
		line-height: 33px;
		}
		.complete-onepager .completeInfo .banner .info .desc{
			font-size: 16px;
			line-height: 24px;
		}
		.image-zoom .content{
			display:block;
		}

		/*	main image promo */

		.large-image-promo .info { max-width: 530px; }

		/*	Ilam animation large image banner */

		.ilamAnimation .banner.copyblockpos-left .pic { width: 100%; right: auto;  }

		/* tabbed promos */

		.tabbed-promo .tab-panel .tab-content { width: 49%; }
		.tabbed-promo .tab-panel .tab-image { width: 49%; margin: 0; }

		/*	product-family banner */

		.product-family .info h2 { left: -505px; }

		.product-family .pic { width: 510px; }
		.product-family .pic img { margin-top: 75px; }
}
/* Phone mod
// ------------------------- */
@media (max-width: 767px){
	/* Hotspots */

	.hotspot [class*="col"] {
		display: block;
		width: 100%;
	}
	.hotspot .row {
		display: block;
	}
	.hotspot .col1 {
		display: none;
	}
	.hotspot .col2 {
		width: 100%;
	}
	.hotspot .col3 {
		width: 100%;
	}
	/* banners */
	.complete-onepager .banner {
		height: auto;
	}

	.complete-onepager .completeInfo .banner .pic {
		margin-left: 0;
		margin-right: 0;
		top: 90px;
	}

	.complete-onepager .completeHero {
		background-color: #000000;
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	.complete-onepager .completeHero .banner { height: auto; }
	.complete-onepager .completeHero .banner .info { position: static; width: 90%; margin-top: 10px; padding-right: 20px;}
	.complete-onepager .completeHero .banner .pic { height: auto; line-height: 1.2em; bottom:20px; top: auto;}

		.complete-onepager .completeSimple .carousel-pagination {
			bottom: 15px;
		}
	.complete-onepager .completeInfo .banner {
		height:auto;
		min-height: 496px;
	}
	.complete-onepager .completeInfo .banner .pic {
		height: auto;
		line-height: 1;
		top: auto;
		bottom: 0;
	}
	.complete-onepager .completeInfo .banner .info {
		margin-bottom: 0px;
		width: auto;
	}
	.complete-onepager .completeIpadAnim .banner .info {
		width: 245px;
	}
	.complete-onepager .content-banner .banner {
		height: auto;
	}
	.complete-onepager .content-banner .banner .info {
		width: auto;
	}
	.complete-onepager .single-col-promo { height: auto; }
		.complete-onepager .single-col-promo .col1,
		.complete-onepager .single-col-promo .col2 { width: 100%; display: block; }

		.complete-onepager .single-col-promo .col2 { height: auto; margin: 0 0 45px; }

		.complete-onepager .single-col-promo .col1 > div { padding-top: 50px; }
		.complete-onepager .single-col-promo .col2 > .pad { vertical-align: top; }

		.complete-onepager .single-col-promo .col1 > .pad,
		.complete-onepager .single-col-promo .col2 > .pad {
			padding-left: 10px;
			padding-right: 10px;
			display: block;
		}
		.complete-onepager .section-title {
				left: 0;
				padding-left: 5% !important;
				top: 30px;
		}
		.content-banner .banner .info .title { margin-top: 0; }

	.content-banner .banner .pic img { max-width: 100%; height: auto;}

	/* image detail viewer */
	.complete-onepager .image-zoom .title {
		white-space: normal;
	}
	.image-zoom .info { padding: 0 17px; }
	.image-zoom .content { margin-top: 55px; }
	.image-zoom .click-here { /*top: 125px !important; left: auto !important; right: 0 !important;*/display:none; }


		/* Highlights */
		.info-boxes { padding: 0 17px; }

		/* large image promo */
		.large-image-promo .info { width: auto; padding: 0 17px}

		.completeSpeakerAnim .sines,
		.completeSpeakerAnim .notes,
		.completeSpeakerAnim .waves,
		.completeSpeakerAnim .copy1,
		.completeSpeakerAnim .copy2,
		.completeSpeakerAnim .copy3,
		.completeSpeakerAnim .image1,
		.completeSpeakerAnim .image2 { display: none; }

		.speaker-large-image .content { margin-top: 80px; }

	/* iphone customs */

	/* general overwrites */
		.highlights .info-boxes [class*="span"]:first-child .pad { border-left: 0; }

		section.completeSimple .container { height: 395px; }
	.pad.more.section-title { padding-left: 0 !important; }

	.complete-onepager .completeInfo .banner .info .inner{
		height: 320px;
	}
	section.completeSimple .info {
		padding:0;
	}
	section.cblock.scrollblock{
		position: static !important;
	}
	section.completeSimple .pic{
		margin-top: 0;
	}
	section.completeSimple .info .inner{
		padding-top: 30px;
		top:auto;
		width:auto;
		bottom:0;
	}
	/*.de-DE.complete-onepager .completeInfo .carousel{
		height:650px !important;
	}*/
	.complete-onepager .completeInfo .banner .info .title{
		font-size: 24px;
		line-height: 31px;
	}
	.complete-onepager .completeInfo .banner .info .desc{
		font-size: 14px;
		line-height: 22px;
	}
	/*	main image promo */

	.large-image-promo .container { background: none; }
	.large-image-promo .btn-more { margin-top: 0px; }
	.large-image-promo .info { max-width: none; margin: inherit 24px inherit 24px; }

	.large-image-promo .info h3{
		display: none;
	}

	.large-image-promo .pic{
		margin-left: auto;
		margin-right: auto;
	}
	.banner .pic{
		width: auto;
	}
	.image-zoom .content{
		display:block;
	}
	/* tabbed promos */

	.tabbed-promo ul.tab-nav li a span.ico { width: 100%; }
	.tabbed-promo .tab-panel .tab-image { width: 100%; margin: 30px 0;}
	.tabbed-promo .tab-panel .tab-content { width: 100%; }

	/*	product-family banner */

	.product-family, .product-family .banner { height: auto; }
	.product-family .pic { border: none; height: auto; width: auto; }
	.product-family .pic img { margin: 0; }
	.product-family .info { width: auto; height: auto; padding: 0; }
	.product-family .info .inner { position: static; }
	.product-family .info .btn-more { padding: 0; right: 0; }
}


/* Hotspots DIJIT
--------------------------------------------------------------- */

.tundra .dijitButtonNode{
	background: url("./complete-sprites.png") 0 -154px repeat-x;
	border: none;
	color: #ffffff;
}
.tundra .dijitButtonNode:hover, .tundra .dijitButtonNode:active, .tundra .dijitButtonNode:focus,  .tundra .dijitOpened .dijitButtonNode{
	background: url("./complete-sprites.png") 0 -154px repeat-x;
	background-position: 0 -185px;
	border: none;
	color: #ffffff;
}

.dijitInline,
.tundra .dijitTooltip,
.tundra .dijitTooltipDialog,
.tundra .dijitTooltipRight {
	outline: none;
}

.tundra .dijitTooltipContainer{
	border: 1px solid #cccccc;
}




/* Video JS complete style
------------------------------------------------------------------------------- */

.vjs-default-skin .vjs-play-control {
  background: url('./video-controls.png') 21px 10px no-repeat;
}
.vjs-default-skin.vjs-playing .vjs-play-control {
  background: url('./video-controls.png') -75px 10px no-repeat;
}

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control div { background: url('./video-controls.png') -166px 10px no-repeat; margin: 0 auto; }
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div { background: url('./video-controls.png') -265px 10px no-repeat; }
.vjs-default-skin .vjs-mute-control.vjs-vol-1 div { background: url('./video-controls.png') -166px 10px no-repeat; }
.vjs-default-skin .vjs-mute-control.vjs-vol-2 div { background: url('./video-controls.png') -166px 10px no-repeat; }

.vjs-default-skin .vjs-volume-level, .vjs-default-skin .vjs-play-progress { background: #77bd43;}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  background: url('./video-progress-bar.png') repeat-x 0 -19px;
}

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-fullscreen-control div {background: url('./video-controls.png') -367px 10px no-repeat; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div { background: url('./video-controls.png') -465px 10px no-repeat; }

.vjs-default-skin div.vjs-big-play-button span {
  background: url('./video-controls.png') -608px 0 no-repeat;
}