﻿/* layout fixes */
.header-container {border-bottom: solid 4px #004B82;}

.top-nav,
.breadcrumb,
.home-title,
.search-tab,
.cci-wm-search-wr,
html body .pge-topsect,
.promo-zone {
	display: none !important;
}
.wrap.cntnt-bg {
	padding-top: 0;
}
.article-content, .welcome-content {
	margin-top: 0;
}
.page-content  .welcome > .row > .wrap > .col.twelve {
	min-height: 0;
}
/* layout fixes */


/* Top block */
table.cci-landing-top-table {
	background: #008ECA;
	padding-bottom: 0;
	table-layout: fixed;
	width: 100%;
	vertical-align: top;
	margin-bottom: 30px;
}
table.cci-landing-top-table > tr > td{
	width: 50%;
}
table.cci-landing-top-table,
table.cci-landing-top-table h1,
table.cci-landing-top-table p{
	color: #fff;
}
table.cci-landing-top-table td {
    padding: 0;
}
table.cci-landing-top-table img.cci-landing-top-img {
	width: 100%;
}

table.cci-landing-top-table td.cci-landing-top-titlewr {
	padding: 40px 40px 0 40px;
	vertical-align: top;
}
table.cci-landing-top-table td.cci-landing-top-titlewr h1 {
	font-size: 24px;
}

.cci-landing-top-btn a{
	background: #014880;
	border-radius: 3px;
	transition: background-color 0.5s ease;
	padding: 10px 20px;

	text-transform: uppercase;
	font-size: 1.4em;
}
.cci-landing-top-btn a:hover {
	background: #002B4C;
}

ul.cci-landing-top-list {
	margin: 10px 0;
	padding: 0;
	width: 100%;
}
ul.cci-landing-top-list:after {
	content: '';
	display: block;
	clear: both;
}
.welcome-content ul.cci-landing-top-list li,
ul.cci-landing-top-list li {
	background: transparent !important;	
	margin: 10px 0 0;	
	padding-left: 52px !important;
	position: relative;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	padding-top: 5px;
}
.cci-landing-top-list_tick {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: #fff url('/promotions/Style Library/img/icon-tick-blue.png') no-repeat center center;
	position: absolute;
	left: 0;
	background-size: 20px 15px;
}

ul.cci-landing-top-list li span +span{	
	position: relative;
	font-size: 13pt;
}
/* END Top block */

/* MIddle block */
table.cc-landing-middle {
	table-layout: fixed;
	width: 100%;
}
table.cc-landing-middle > tr > td {
	width: 50%;
}
.cci-landing-middle-vehicleicon {
	width: 100px;
	/* margin: 0 20px 20px 0; */
	left: -5px;
	top: 10px;
	position: absolute;
	top: 0;
	/* display: inline-block; */
}

table.cci-landing-middle {
	table-layout: fixed;
	clear: both;
}

.cci-landing-middle-vehicleicon + span {display: inline-block;/* padding-top: 20px; */margin-left: 80px;margin-top: 19px;}
td.cci-landing-middle-leftcell,
td.cci-landing-middle-rightcell {
	padding: 0 30px !important;
	position: relative;
}
.cci-landing-middle-leftcell_content {
	margin-top: 20px;
}
.cci-landing-middle-rightcell {
	background: #EEF2F3;
}
.cci-landing-middle-rightcell_title {
	font-size: 14pt;
	margin: 40px 0 30px 0;

}
.cci-landing-middle-rightcell_row {
	clear: both;
}
.cci-landing-middle-rightcell_row:after {
	content: '';
	display: block;
	clear: both;
}
.cci-landing-middle-rightcell_row {
	margin-bottom: 30px;
}
.cci-landing-middle-rightcell_row img {
	margin-right: 25px;
}
.cci-landing-middle-rightcell_row  a{
	display: block;
	color: #848780;
	margin-bottom: 7px;
}
/* END MIddle block */

/* Levels of cover */
.cci-landing-levels{
/* 	margin-top: 40px; */
}

.cci-landing-levelstable,
.cci-landing-levelstable > tbody > tr,
.cci-landing-levelstable > tbody > tr > td,
.cci-landing-levelstable > tbody > tr > th{
	border: none;
	color: #fff;
}
.cci-landing-levelstable > tbody > tr > td {
	padding: 0;
	/* border: none; */
}
.cci-landing-levelscol-0 {
	background: #1780C4;
}
.cci-landing-levelscol-0 .cci-landing-levels_rowtitle {
	background: #0773BB;
}
.cci-landing-levelscol-1 {
	background: #1462A0;
}
.cci-landing-levelscol-1 .cci-landing-levels_rowtitle,
th.cci-landing-levelscol-1 {
	background: #0F5A93;
}
.cci-landing-levelscol-2 {
	background: #26A3DB;
}
.cci-landing-levelscol-2 .cci-landing-levels_rowtitle {
	background: #0E9AD5;
}
th.cci-landing-levelscol-0,
th.cci-landing-levelscol-2 {
	background: transparent;
}

.cci-landing-levelstable > tbody > tr > th.cci-landing-levelscol-1 {
	padding: 20px 0 10px;
}
.cci-landing-levelstable div.cci-landing-levels_rowtitle {
	padding: 20px 50px;
	font-size: 16pt;
}
.cci-landing-levelstable .cci-landing-levels_row.cci-landing-levels_rowsubtitle {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #D1E1EE;
}
.cci-landing-levelstable .cci-landing-levelscol-1 div.cci-landing-levels_rowtitle {
	padding-bottom: 40px;
}
.cci-landing-levelstable .cci-landing-levels_row{
	padding: 30px 10px 30px 60px;
	text-align: left;
	position: relative;
}

.cci-landing-levelscol-0 .cci-landing-levels_row {
	border-bottom: 1px solid #3699DA;
}

.cci-landing-levelscol-1 .cci-landing-levels_row {
	border-bottom: 1px solid #3F7FAF;
	padding-top: 43px;
	padding-bottom: 43px;
}
.cci-landing-levelscol-2 .cci-landing-levels_row {
	border-bottom: 1px solid #65C5EF;
	padding-top: 50px;
	padding-bottom: 50px;
}

.cci-landing-levels_row.cci-landing-levels_row_quote {
	border-bottom: none;
	/* padding-top: 20px; */
	/* padding-left: 20px; */
	padding: 20px;
}
.cci-landing-levelscol-1 .cci-landing-levels_row.cci-landing-levels_row_quote {
	padding-top: 40px;
}

.cci-landing-levelscol-tickicon {
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 42px;
	background: transparent url('/promotions/Style Library/img/icon-tick-white.png') no-repeat center center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}


.cci-landing-levels_quote-row .cci-landing-levels_row_quote {
	text-align: center;
}
.cci-landing-levels_quote-row .cci-landing-levels_row.cci-landing-levels_row_quote {
	padding-top: 10px;
	padding-bottom: 40px;
}

.cci-landing-levels_quotebtn {
	text-transform: uppercase;
	font-size: 14pt;
	background: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	font-weight: bold;
	transition: background-color 0.5s ease;
	position: relative;
	display: block;
	margin: 10px 0 0;
}
.cci-landing-levels_quotebtn:hover {
	text-decoration: none;
	background-color: #D8D8D8;
}
.cci-landing-levelscol-0 .cci-landing-levels_quotebtn {
	color: #016AAE;
}
.cci-landing-levelscol-1 .cci-landing-levels_quotebtn {
	color: #014880;
}
.cci-landing-levelscol-2 .cci-landing-levels_quotebtn {
	color: #018DCA;
}

.cci-landing-levels_links-row .cci-landing-levels_row {
	border-bottom: none;
	padding: 20px 40px;
}
.cci-landing-levels_links-row .cci-landing-levels_row a{
	color: #fff;
	font-weight: bold;
}

.cci-landing-levels_links-row .cci-landing-levels_row a:after {
	content: ' >';
	font-family: monospace;
}
.cci-landing-levels_links-row  .cci-landing-levels_row{
	text-align: center;
}


.cci-landing-levels_links-row td {
	background: transparent;
}
.cci-landing-levels_links-row .cci-landing-levelscol-0 .cci-landing-levels_row{
	background: #016AAE;
}
.cci-landing-levels_links-row .cci-landing-levelscol-1 {
	background: #014880;
}
.cci-landing-levels_links-row .cci-landing-levelscol-2 .cci-landing-levels_row{
	background: #008ECA;
}
.cci-landing-levels_links-row .cci-landing-levelscol-1 .cci-landing-levels_row{
	margin-top: 20px;
	margin-bottom: 20px;
}
/* END Levels of cover */

/* Cover details */
.cci-landing-coverdetails-wr{
	margin-top: 40px;
	text-align: center;
	padding: 30px 0;
	border: 2px solid #D6D6D6;
	font-size: 14pt;
	color: #444;
}
a.cci-landing-coverdetails-btn {
	background: #008ECA;
	color: #fff;
	border-radius: 3px;
	transition: background-color 0.5s ease;
	padding: 14px 20px;
	font-size: 12pt;
	margin-left: 40px;
	font-weight: bold;
}
.cci-landing-coverdetails-btn:hover {
	background: #016AAE;
	text-decoration: none;
}
/* END Cover details */

/* More information */
.cci-landing-moreinfo-wr {
/* 	margin: 20px 0; */
	padding: 30px 30px;
	border: 2px solid #D6D6D6;
}
.cci-landing-moreinfo-wr:after {
	content: '';
	display: block;
	clear: both;
}

.cci-landing-subtext {
	font-size: 18px;
	display: block;
	padding: 10px 0;
}

a.cci-landing-moreinfo-btn {
	color: #fff;
	background: #016AAE;
	transition: background-color 0.5s ease;
	padding: 14px 50px 14px 20px;
	margin-top: 20px;
	float: left;
	display: inline-block;
	width: 47%;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 11pt;
	position: relative;
}
a.cci-landing-moreinfo-btn + a.cci-landing-moreinfo-btn{
	float: right;
}
a.cci-landing-moreinfo-btn_arrow {
	background: #008ECA;
}

.cci-landing-moreinfo-btn-icon {
	display: inline-block;
	width: 50px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
a.cci-landing-moreinfo-btn_download:hover {
	text-decoration: none;
	background: #014880;
}
a.cci-landing-moreinfo-btn_arrow:hover {
	text-decoration: none;
	background: #016AAE;
}

.cci-landing-moreinfo-btn_download .cci-landing-moreinfo-btn-icon{
	background: #4E96C6 url('/promotions/Style Library/img/icon-download.png') no-repeat center center;
}
.cci-landing-moreinfo-btn_arrow .cci-landing-moreinfo-btn-icon{
	background: #4DB0DA url('/promotions/Style Library/img/icon-arrow-right.png') no-repeat center center;
}

.cci-landing-moreinfo-col-33 {
	width: 33.3%;
	float: left;
}

.cci-landing-moreinfo-col-33 a.cci-landing-moreinfo-btn {
	width: 95%;
	float: left !important;
	margin: 1px;
	text-align: left;

}
.cci-landing-moreinfo-col_vital a.cci-landing-moreinfo-btn {
	float: right !important;
}
.cci-landing-moreinfo-col_prestige {
	text-align: center;
}
.cci-landing-moreinfo-col_prestige a.cci-landing-moreinfo-btn {
	float: none !important;
}
.cci-landing-moreinfo-col-33 a.cci-landing-moreinfo-btn:after {
	content: '';
	display: block;
	clear: both;
}
.cci-landing-moreinfo-title {
	text-align: center;
	font-size: 14pt;
	margin: 10px 0 20px;
}

.cci-landing-moreinfo-col_classic a.cci-landing-moreinfo-btn_arrow{
	background: #016AAE;
}
.cci-landing-moreinfo-col_classic a.cci-landing-moreinfo-btn_arrow:hover{
	background: #014880;
}
.cci-landing-moreinfo-col_classic .cci-landing-moreinfo-btn-icon{
	background-color: #4E96C6;
}

.cci-landing-moreinfo-col_prestige a.cci-landing-moreinfo-btn_arrow{
	background: #014880;
}
.cci-landing-moreinfo-col_prestige a.cci-landing-moreinfo-btn_arrow:hover{
	background: #013B68;
}
.cci-landing-moreinfo-col_prestige .cci-landing-moreinfo-btn-icon{
	background-color: #4E7FA7;
}
.cci-landing-moreinfo-col_vital a.cci-landing-moreinfo-btn_arrow{
/* 	background: #008ECA; */
}
/* END More information */


/* Conditions */
.cc-landing-conditions-title {
	font-size: 14pt;
	color: #707070;
}
.cc-landing-conditions ol {
	list-style-position: inside;
	padding: 0;
	font-size: 10pt;
}
.cc-landing-conditions ol li {
	margin: 5px 0;
}
/* END Conditions */

/* FAQ */
.cci-landing-faq-wr{
/* 	margin: 50px 0; */
}
.cci-landing-faq-wr h2 {
	margin-bottom: 10px
}
a.cci-landing-accordion-title {
	color: #333;
	background: #EEF2F3;
	transition: background-color 0.5s ease;
	padding: 20px 50px 20px 30px;
	float: left;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 12pt;
	position: relative;
}
a.cci-landing-accordion-title:hover {
	text-decoration: none;
	background: #D6DADB;
}
.cci-landing-accordion-title-icon {
	display: inline-block;
	width: 50px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	background: #A8A6A7 url('/promotions/Style Library/img/icon-chevron-up.png') no-repeat center center;
}
.ui-state-active .cci-landing-accordion-title-icon {
	background: #A8A6A7 url('/promotions/Style Library/img/icon-chevron-down.png') no-repeat center center;
}
.cci-landing-accordion .ui-accordion-header:after {
	content: '';
	display: block;
	clear: both;
}
.cci-landing-accordion .ui-accordion-content {
	display: block;
    margin: 10px 50px 10px 30px;
    text-align: justify;
}
/* END Faq */



/* search webpart */
.program-article .ms-srch-item {
	width: 100% !important;
}
.ms-srch-group-content .ms-srch-item .Header a {
	display: block;
    color: #848780 !important;
    margin-bottom: 7px;
    font-size: 11pt;
    font-weight: bold;
}

.program-article .ms-srch-item .ms-srch-hover-outerContainer {
	left: 500px !important;
}
.ms-srch-item .description {
	font-size: 11pt;
	max-height: 100%;
}
.ms-srch-item .c-category{
	display: none;
}
/* END search webpart */

.cci-landing-levelstable-mobile-wr {
	display: none;
}
.cci-mobile-only {
	display: none !important;
}
/*  ===================== MOBILE version ================= */
@media only screen and (max-width: 640px) {
	/* Header */
	body  {
		overflow-y: auto !important;
	}

	.cci-desktop-only {
		display: none !important;
	}
	.cci-mobile-only {
		display: block !important;
	}
	
	.row.wrap.cntnt-bg {
		padding: 0;
	}

	table.cci-landing-top-table {
		width: 100%!important;
	}
	table.cci-landing-top-table > tbody> tr > td {
    	display: block;
    	box-sizing: border-box;
  	}
	table.cci-landing-top-table img.cci-landing-top-img {
		height: 100%;
	}
	table.cci-landing-top-table > tbody> tr > td + td {
    	display: block;
    	clear: both;
	}
	table.cci-landing-top-table td.cci-landing-top-titlewr {
		padding: 10px;
	}

	table.cci-landing-top-table td.cci-landing-top-titlewr h1{
		line-height: 1;
	}
	table.cci-landing-top-table td.cci-landing-top-titlewr h1 span{
		font-size: 18px!important;
	}
	ul.cci-landing-top-list li span +span {
		font-size: 12pt!important;
	}
	table.cci-landing-top-table table.blnk-bttn,
	table.cci-landing-top-table br {
		/* display: none; */
		margin:auto;
	}
	/*END Header*/

	/* MIddle  */
	.cci-landing-middle-rightcell {
		display: none;
	}

	.cci-landing-middle-leftcell {
		width: 100%!important;
		display: block;
		padding: 0 !important;
	}
	.cci-landing-middle-leftcell h2 span {
		font-size: 14pt!important;
		margin-left: 60px;
	}
	.cci-landing-middle-vehicleicon {
		width: 80px;
	}

	.cci-landing-middle  p,
	.cci-landing-middle  span,
	.cci-landing-levels p,
	.cci-landing-levels_row {
		font-size: 12pt !important;
	}
	/* END Middle */

	/* Levels */
	.cci-landing-levelstable {
		display: none;
	}

	.cci-landing-levelstable-mobile-wr + .cci-landing-levelstable-mobile-wr {
		display: none;
	}

	.cci-landing-levelstable-mobile-wr,
	.cci-landing-levelstable-mobile-wr .cci-landing-levelstable {
		display: block;
	}

	table.cci-landing-levelstable {
		table-layout: fixed;
		width: 100%!important;
	}

	.cci-landing-levels_quote-row .cci-landing-levels_row.cci-landing-levels_row_quote {
		padding-top: 40px;
	}

/* 	table.cci-landing-levelstable tr > td,
	table.cci-landing-levelstable tr > th{
		display: none;
	}
	table.cci-landing-levelstable tr > th:nth-child(2),
	table.cci-landing-levelstable tr > td:nth-child(2){
		display: block;
		width: 100%!important;
	} */
	.cci-landing-levels_links-row .cci-landing-levelscol-1 .cci-landing-levels_row {
		margin-top: 0;
	}

	.cci-landing-levelstable .cci-landing-levels_row{
 		 padding: 30px 10px 30px 60px;
 	}

	.cci-landing-levels_row.cci-landing-levels_row_quote {
		padding-left: 20px!important;
		padding-top: 20px!important;
	}

	.cci-landing-levels_quote-row .cci-landing-levels_row.cci-landing-levels_row_quote{
		padding-top: 40px!important;
	}

	.cci-landing-levels h2,
	.cci-landing-faq-wr h2,
	.cci-landing-moreinfo-wr h2 {
		font-size: 2em!important;
	}
	/* END Levels */

	.cci-landing-coverdetails-wr {
		display: none;
	}


	/* More Info */
	.cci-landing-moreinfo-wr {
		border-left: none;
		border-right: none;
		padding: 20px 0 30px;
	}
	a.cci-landing-moreinfo-btn {
		width: 100%;
	}
	.cci-landing-moreinfo-col-33 {
		width: 100%;
	}
	.cci-landing-moreinfo-title{
		color: #333;
	}
	.cci-landing-moreinfo-col-33 a.cci-landing-moreinfo-btn {
		width: 100%;
	}
	/* END More Info */

	.cci-landing-accordion .ui-accordion-content {
		margin-left: 0px;
		margin-right: 0px;
	}
	
}


/* MISC FIXES */

@media screen and (max-width:1024px) {
	table.cci-landing-top-table td.cci-landing-top-titlewr {
		width: 100% !important;
	}
}

@media (min-width: 640px) and (max-width: 1024px) {
	.cci-landing-top-btn a{
		margin-bottom: 30px;
	}
}


/* Fix top stop bootstrap styling breaking promo page */
.row {clear: inherit;}

@media only screen and (max-width: 750px) {
	table.cci-landing-top-table > tbody> tr > td + td {
    	height:283px;
	}
}