/* ==========================================================================
   Components (the building blocks)

   ========================================================================== */

/* ==========================================================================
   Photo / edged blocks Components

   ========================================================================== */
.style2014 .edgedContainerWrapper,
.style2014 .rightBar .edgedContainerWrapper,
.style2014.overDelta .rightBar .edgedContainerWrapper,
.style2014.overDelta .rightBar .edgedContainerWrapper.wide,
.style2014 .rightBar .col {
	float:left;
	width:100%;
	margin-left:0;
}

.style2014 .edgedContainer {
	border: 1px solid #a0ccdf;
	background-color:transparent;
	display:table;
	width:100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.style2014 .edgedContainer .boxheader {
	display:block;
	position:relative;
	top:0;
}
.style2014 .edgedContainer .boxheader .boxheaderContent,
.style2014 .edgedPhotoContainer .boxheader .boxheaderContent,
.style2014 .standOut div.edgedContainer .boxheader .boxheaderContent {
	background:transparent;
	height:auto;
}

.style2014 .edgedPhotoContainer .top,
.style2014 .edgedPhotoContainer .left,
.style2014 .edgedPhotoContainer .bottom {
	background:transparent;
}
.style2014 .edgedContainer h3,
.style2014 .edgedContainer h2,
.style2014 .edgedPhotoContainer h3,
.style2014 .edgedPhotoContainer h2 {
	color:#074777;
	font-size:16px;
	padding: 0 0 16px 0; /* padding: 19px 6px 16px 6px; */
}

.style2014 .edgedPhotoContainer h3,
.style2014 .edgedPhotoContainer h2 {
	padding-top:19px;
	padding-left:6px;
}
.style2014 .edgedContainer .boxheader .boxheaderContent h3 a,
.style2014 .edgedPhotoContainer .boxheader .boxheaderContent h3 a {
	background: url("../img/sprite.png") no-repeat -182px 6px;
	color:#074777;
	font-weight:bold;
	padding-left:26px;
	margin-left:9px;
}

.style2014 .edgedPhotoContainer .boxheader .boxheaderContent a:hover {
	text-decoration:underline;
}
.style2014 .edgedPhotoContainer .photoTitle {
	background:#0082d1;
	float:left;
	bottom:0;
	color:#fff;
	font-size:24px;
	margin:0 4px 0.23em 0;
	padding:10px 11px;
	position:absolute;
}

/*chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.style2014 .edgedPhotoContainer .photoTitle {
		margin-bottom:0.18em;
	}
}
.ie10 .style2014 .edgedPhotoContainer .photoTitle, .ie11 .style2014 .edgedPhotoContainer .photoTitle {
	margin-bottom:0.24em;
}

.ie10 .style2014.tabbed .edgedPhotoContainer .photoTitle, .ie11 .style2014.tabbed .edgedPhotoContainer .photoTitle {
	margin-bottom:0.22em;
}
.gt-ie8 .style2014 .edgedPhotoContainer .photoTitle {
	margin-bottom:0.26em;
}

.style2014 .edgedContainer div.brc {
	float:left;
	width:100%;
	padding:0;
}

.style2014 .edgedPhotoContainer img {
	height:auto;
}
.style2014 .subtext {
	margin-bottom:15px;
	margin-top:-20px;
}
.style2014 .content-double .subtext {
	color: #666;
	font-size: 12px;
	float:left;
	margin-bottom:0;
	margin-top:-45px;
	padding-bottom: 0;
}

.style2014 .edgedContainer iframe {
	margin-left:0;
}

/* ==========================================================================
   Dark edgedContainer

   ========================================================================== */
.style2014 .dark .edgedContainer {
	border:0;
}

/* ==========================================================================
   Banner Components (the building blocks)

   ========================================================================== */
.style2014 .rightBar .edgedPhotoContainer img {
	float:left;
	width:100%;
}
.style2014 .edgedPhotoContainer {
	border:1px solid #99c8dd;
	display:table;
	line-height:10px;
	padding:4px;
	max-width:952px;
}
.style2014 .content-double .edgedPhotoContainer {
	margin-bottom:47px;
	float:left;
}
.style2014 .edgedPhotoContainer * {
	line-height:normal;
}
.style2014 .edgedPhotoContainer .boxheader {
	background:transparent;
	display:table-footer-group;
	top:0;
	position:relative;
}
.style2014 .edgedPhotoContainer div.top,
.style2014 .edgedPhotoContainer div.bottom {
	display:none;
}

/* ==========================================================================
   Carrousel component

   ========================================================================== */

.style2014 #carousel {
	border-color:#99c8dd;
	float:left;
	width:942px;
}
.style2014 #carousel a,
.style2014 #carousel a:hover {
	color:#0082d1;
}

.style2014 #carousel .edgedPhotoContainer{
	border:0;
	display:block;
	margin:0;
	max-width:none;
	padding:0;
	width:645px;
	height:338px;
	right:0;
}

.style2014 #carousel ul {
	width:650px;
}

.style2014 #carousel ul#tabs li a span {
	font-size:18px;
}
.style2014 #carousel ul#tabs li a span.title {
	font-size:19px;
	text-transform:none;
	padding:0 0 10px 0;
}
.style2014 #carousel ul#tabs li a div {
	text-align:left;
	min-height:81px;
	padding:19px 10px 10px 10px;
}

/* ==========================================================================
   Read Component

   ========================================================================== */
.style2014 .rs_eep {
	text-align:left;
}
.style2014 .content-double .content .rs_eep {
	padding-bottom:10px;
}

/* ==========================================================================
   Tabs component

   ========================================================================== */
.style2014 #innertabsnav {
	padding-left:0;
	padding-top:6px;
}
.style2014 #innertabsnav li {
	margin:0 0 0 12px;
}
.style2014 #innertabsnav li:first-child {
	margin:0;
}
.style2014 #innertabsnav li a {
	background:#fff;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 0px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	border-radius: 0;
	color:#a0a0a0;
	margin-bottom:0;

	padding:7px 13px 9px;
}
.style2014 #innertabsnav li.active a {
	border-color:#9bceed;
	border-bottom:0;
	bottom:-1px;
	color:#0082d1;
	margin-bottom:-1px;
	margin-top:-7px;
	padding:9px 13px 14px;
	position:relative;
	z-index:10;
}
.style2014 .tabscontent {
	border-top-color:#9bceed;
}

/* ==========================================================================
   Standout ( news )

   ========================================================================== */
.style2014 .edgedContainerWrapper.standOut h2{
	color:#0082d1;
}
.style2014 .edgedContainerWrapper.standOut .edgedContainer {
	border:0;
}
.style2014 .edgedContainerWrapper.standOut .boxheader {
	display:table-header-group;
}
.style2014 .edgedContainerWrapper.standOut .edgedContainer ul li{
	background-image:none;
}
.style2014 .edgedContainerWrapper.standOut .edgedContainer ul li a {
	background-color:transparent;
	color:#0082d1;
}
.style2014 .edgedContainerWrapper.standOut .edgedContainer ul li a:hover {
	text-decoration:underline;
}
/* ==========================================================================
   CHANNELS overview

   ========================================================================== */
.style2014 .channels .edgedContainer {
	background: transparent;
	float:left;
}
.style2014 .channels .edgedContainer .boxheader {
	background: #074777;
	width:100%;
	height:auto;
	top:auto;
	left:auto;
	float:left;
	text-align:center;
}
.style2014 .channels .edgedContainer .boxheader .boxheaderContent {
	display:block;
	float:none;
	margin:0 auto;
	padding:17px 19px;
	width:auto;
	height:auto;
	overflow:hidden;
}
.style2014 .channels .boxheader label {
	display:none;
}
.style2014 .channels .formrightcol {
	margin:0;
	padding:0;
	width:100%;
}
.style2014 .channels .formrightcol select {
	border:0;
	padding:6px 10px;
	width:100%;
}
.style2014 .channels .edgedContainer .brc {
	background: #e5f2fa !important;
	padding:0 19px;
	width:auto;
}
.style2014 .channels .blocksRow {
	background: #fff;
	border-bottom:1px solid #f4f4f4;
	margin:0 -19px;
}
.style2014 .channels h1 {
	background:#fff;
	color:#074777;
	font-size:24px;
	margin:0 -19px;
	padding:24px 0;
}
.style2014 .channels .clear {
	background: transparent;
	padding:0;
}
.style2014 .channels .itemWrapper {
	border-left:1px solid #f4f4f4;
	margin:0;
	width:24%;
	min-height:120px;
}
.style2014 .channels .itemWrapper:first-child {
	border-left:0;
}
.style2014 .channels .itemImg,
.style2014 .channels .itemDescription {
	background: transparent;
	width:100%;
}
.style2014 .channels .itemDescription a {
	color:#c3c3c3;
}
.style2014 .channels .itemImg a {
	display:block;
	width:100%;
	text-align:center;
}
.style2014 .channels .itemImg img {
	margin-left: auto;
	margin-right:auto;
}


/* ==========================================================================
   Body content block for Over Delta page.
   First text element has fixed width.

   ========================================================================== */
.style2014 .bodyContent {
	float:left;
	width:100%;
}
.style2014 .bodyContent .textBlock {
	float:left;
	margin-right:31px;
	width:620px;
}


/* ==========================================================================
   Video / youtube block
   ========================================================================== */
.style2014 .viewButtonWrapper {
	display:none;
}

/* ==========================================================================
   Downloads list
   ========================================================================== */
.style2014 ul.download {
	list-style:none;
	line-height:1.4em;
	margin:0;
	padding:0;
}
.style2014 ul.download li,
.style2014 .edgedContainer ul.download li {
	color:#999;
	margin:0;
}
/*
.style2014 ul.download li {
	background-color:#e5f2fa;
	background-image: url('../img/li-arrow_ro.gif');
	margin:0;
	padding:8px 10px 8px 22px;
}
*/
.style2014 ul.download li a,
.style2014 ul.download li a:hover {
	background:transparent;
	margin:0;
	padding:0;
}


/* ==========================================================================
   Quote component/block
   ========================================================================== */
.style2014 .quoteBlock,
.style2014 .quoteBlock.standard {
	background: #e5f2fa;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding:15px 20px;
}
.style2014 .quoteBlock blockquote,
.style2014 .quoteBlock.standard blockquote {
	background:#ffffff;
	border-radius:16px;
	color:#074777;
	font-size:20px;
	line-height:24px;
	margin:0;
	padding:14px 26px;
}
.style2014 .quoteBlock .content,
.style2014 .quoteBlock.standard .content  {
	background: url('../img/quote_pointer.png') no-repeat center bottom;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	margin:0 0 15px 0;
	padding:0 0 23px 0;
	text-align:center;
	width:100%;
}

.style2014 .quoteBlock .edgedPhotoContainer {
	background: #fff;
	border:0;
	float:none;
	margin:0 auto 18px;
	padding:3px;
}
.style2014 .content .quoteBlock .edgedPhotoContainer {
	float:none;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
.style2014 .content .quoteBlock .edgedPhotoContainer img {
	min-height:0;
}
.style2014 .quoteBlock .quoteTitle,
.style2014 .quoteBlock.standard .quoteTitle {
	color:#0082d1;
	font-size:14px;
	margin:0 auto 6px;
	text-align:center;
}
.style2014 .quoteBlock .quoteTitle .quoteFunction,
.style2014 .quoteBlock.standard .quoteTitle .quoteFunction {
	display:block;
	font-weight:normal;
}


/* ==========================================================================
   Fourtabs carousel
   ========================================================================== */

.style2014 #carousel.fourTabs {
	width:618px;
	height:340px;
}
.style2014 #carousel.fourTabs ul#output {
	width:458px;
	height:340px;
	margin:4px 4px 4px 0;
}
.style2014 #carousel.fourTabs ul#output li {
	width:458px;
	height:340px;
}
.style2014 #carousel.fourTabs ul#tabs {
	width:175px;
}
.style2014 #carousel.fourTabs ul#tabs li a div {
	width:136px;
	height:53px;
	min-height:53px;
}
/*.style2014 #carousel.fourTabs ul#tabs li a div:first-child,
.style2014 #carousel.fourTabs ul#tabs li a div:last-child {
	height:52px;
	min-height:52px;
}*/
.style2014 #carousel.fourTabs ul#tabs li a span.title {
	color:#0082d1;
	font-size:16px;
	font-weight:normal;
}
.style2014 #carousel.fourTabs ul#tabs li a:hover span,
.style2014 #carousel.fourTabs ul#tabs li a.current span,
.style2014 #carousel.fourTabs ul#tabs li a:hover span.title,
.style2014 #carousel.fourTabs ul#tabs li a.current span.title {
	color:#fff;
}

.style2014 #carousel.fourTabs .edgedPhotoContainer {
	margin:0;
	width:458px;
	height:100%;
	max-width:none;
	left:0;
	top:0;
}

.style2014 #carousel.fourTabs .edgedPhotoContainer img {
	width:100%;
}

.style2014 #carousel.fourTabs .edgedPhotoContainer .callToAction {
	color:#074777;
	bottom:80px;
	right:0;
	padding:10px 13px;
	width:auto;
	max-width:400px;
}
.style2014 #carousel.fourTabs .edgedPhotoContainer .callToAction p {
	margin:0;
	padding:0;
}


/* ==========================================================================
   Checklist block NEW!!
   ========================================================================== */
.style2014 .checklistBlock {
	background:#e5f2fa;
	padding:24px;
}
.style2014 .checklistBlock h2 {
	color:#0082d1;
	font-size: 22px;
	margin-bottom:24px;
}

.style2014 .blockComponent.checklist ul {
	float:left;
}

/*.style2014 .checklistBlock ul,
.style2014 .checklist ul {
	color:#074777;
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0;
}
.style2014 .checklistBlock ul li,
.style2014 .checklist ul li {
	background: url('../img/icon-check.png') no-repeat 0 8px;
	padding:4px 0 3px 27px;
}*/

/* New checkmark icons, based on icomoon font */
.style2014 .checklistBlock ul,
.style2014 .checklist ul,
.style2014 ul.checklist,
.style2014 ul.checklist-blue,
.style2014 ul.checklist-orange,
.style2014 ul.checklist-green {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.style2014 .checklistBlock ul li,
.style2014 .checklist ul li,
.style2014 ul.checklist li,
.style2014 ul.checklist-blue li,
.style2014 ul.checklist-orange li,
.style2014 ul.checklist-green li{
	background-image: none;
	padding: 4px 0 3px 27px;
	position: relative;
}
.style2014 .checklistBlock ul li:before,
.style2014 .checklist ul li:before,
.style2014 ul.checklist li:before,
.style2014 ul.checklist-blue li:before,
.style2014 ul.checklist-orange li:before,
.style2014 ul.checklist-green li:before{
	color: #1783CE; /* default is blue */
	content: "\e600";
	font-family: 'icomoon';
	font-size: 20px;
	left: 0;
	position: absolute;
	text-transform: none;
	top: 3px;
}

.style2014 .checklistBlock ul.checklist-orange li:before,
.style2014 .checklist ul.checklist-orange li:before,
.style2014 ul.checklist-orange li:before {
	color: #f60;
}
.style2014 .checklistBlock ul.checklist-green li:before,
.style2014 .checklist ul.checklist-green li:before,
.style2014 ul.checklist-green li:before {
	color: #78b635;
}

/* double width */
.style2014 .checklistBlock.doubleWidth ul {
	float:left;
	width:100%;
}
.style2014 .checklistBlock.doubleWidth ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	float:left;
	width:50%;
}

.style2014 .checklist, .style2014 .checklistBlock p {
	color: #074777;
}

/* ==========================================================================
   Standard block component NEW!!
   ========================================================================== */
.style2014 .blockComponent {
	padding:24px;
}

.style2014 .blockComponent h2,
.style2014 .blockComponent h3 {
	font-weight:normal;
	font-size:24px;
	line-height:26px;
	margin:0 0 30px 0;
}
.style2014 .blockComponent h2 {
	color:#074777;
}

.style2014 .blockComponent a.buttonRed,
.style2014 .blockComponent a.buttonBlue,
.style2014 .blockComponent a.buttonFullBlue,
.style2014 .blockComponent a.buttonGrey,
.style2014 .blockComponent a.buttonOrange,
.style2014 .blockComponent a.buttonCallToAction {
	margin:30px 0 0 0;
}

.style2014 .blockComponent .price {
	color:#074777;
	font-size:30px;
}

.style2014 .blockComponent.square {
	display:table;
	position: relative;
	padding-bottom:70px;
}
.style2014 .blockComponent.square a.buttonRed,
.style2014 .blockComponent.square a.buttonBlue,
.style2014 .blockComponent.square a.buttonFullBlue,
.style2014 .blockComponent.square a.buttonGrey,
.style2014 .blockComponent.square a.buttonOrange,
.style2014 .blockComponent.square a.buttonCallToAction {
	display:table-footer-group;
	height:36px;
}

.style2014 .blockComponent.square p a.buttonOrange {
	bottom:10px;
	position:absolute;
	width:77%;
}

.style2014 .blockComponent.colored h3 {
	font-size:17px;
	line-height:25px;
}

.style2014 .blockComponent .label {
	float:right;
	margin-right:-45px;
	margin-top:-40px;
	position:relative;
}
.style2014 .blockComponent .label .outercircle {
	border:7px solid #fff;
	border-radius:50%;
	display:table-cell;
}
.style2014 .blockComponent .label .circle {
	background:#f2f2f2;
	border-radius:50%;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	padding:1% 5%;
	width:95px;
	height:95px;
}
.style2014 .blockComponent.colored .label .circle {
	background:#78b635;
}
.style2014 .blockComponent.colored .label .circle p,
.style2014 .blockComponent.colored .label .circle a {
	color:#fff;
	font-size:19px;
	line-height:23px;
	text-align:center;
	margin:0 auto;
	padding:0;
	width:75%;
}

.style2014 .blockComponent.doubleWidth a.buttonRed,
.style2014 .blockComponent.doubleWidth a.buttonBlue,
.style2014 .blockComponent.doubleWidth a.buttonFullBlue,
.style2014 .blockComponent.doubleWidth a.buttonGrey,
.style2014 .blockComponent.doubleWidth a.buttonOrange,
.style2014 .blockComponent.doubleWidth a.buttonCallToAction {
	clear:right;
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:268px;
}
/* ==========================================================================
   Standard block component with grid NEW!
   ========================================================================== */
.style2014 .blockComponent ul.grid_3 {
	list-style:none;
	float:left;
	margin:-14px;
	padding:0;
}
.style2014 .blockComponent ul.grid_3 br {
	display:inline;
}
.style2014 .blockComponent ul.grid_3 li {
	list-style:none;
	margin:0;
	padding:0;
}
.style2014 .blockComponent ul.grid_3 li p {
	padding:0;
}
.style2014 .blockComponent ul.grid_3 li a {
	background:transparent;
	color: #074777;
	font-size:1em;
	margin:0;
	padding:11px;
}
.style2014 .blockComponent ul.grid_3 li a:hover {
	background:#e5f2fa;
	text-decoration:none;
}
.style2014 .blockComponent ul.grid_3 li a img:first-child {
	margin-bottom:19px;
	width:100%;
	height:auto;
}
.style2014 .blockComponent.doubleWidth ul.grid_3 li {
	float:left;
	width:33.333333333%;
}
.style2014 .blockComponent.doubleWidth ul.grid_3 li a {
	min-height:169px;
}


/* ==========================================================================
   Video block NEW!!
   ========================================================================== */

.style2014 .blockComponent.video {
	padding:10px;
}
.style2014 .blockComponent.video h2 {
	font-weight:bold;
	font-size:16px;
	margin:0;
	padding:0;
}
.style2014 .blockComponent.video p {
	padding:0;
}
.style2014 .blockComponent.video .videobox {
	margin-bottom:7px;
	width:100%;
}

.style2014 .blockComponent.video .videobox .edgedPhotoContainer {
	border:0;
	display:inline;
	float:none;
	margin:0;
	max-width:none;
	padding:0;
	width:100%;
}
.style2014 .blockComponent.video .videobox .edgedPhotoContainer a {
	position:relative;
	display:inline;
}

.website-of-the-year {
	left: 85%;
	position:absolute;
	top: -1px;
}

.website-of-the-year img {
	height: 127px;
}