/* CSS Decktop */
@media all and (min-width: 994px) {

#Article {
	width: 100%;
	max-width: 974px;
	margin-left: auto;
	margin-right: auto;
}
#Article h1 {
	text-align:left;
}
#Article h2 {
	margin-top:0em;
	margin-bottom: 0em;
}
#Story {
	float: left;
	width: 65%;
}
#Interest {
	float: right;
	width: 33%;
}
#Interest .related-story {
	padding: 1em;
}
#Interest h2 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align:center;
}
#Interest h3 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align:center;
}
#Interest .type-1 { /* advice */
	width: 100%;
}
#Interest .type-1 img { /* v*/
	background-color:#CC6699;
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color: #CC6699;
}
#Interest .type-2 { /* news */
	width: 100%;
}
#Interest .type-2 img { /* news */
	background-color:#cf8200;
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color: #cf8200;
}
#Interest .type-3 { /* features */
	width: 100%;
}
#Interest .type-3 img { /* features */
	background-color:rgb(108, 159, 0);
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color:rgb(108, 159, 0);
}
#Interest .type-4 { /* offers */
	width: 100%;
}
#Interest .type-4 img { /* offers */
	background-color:#bd2900;
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color:#bd2900;
}
#Story .copy-text {
	padding-top: 1em;
	clear:both;
}
#Story .copy-text .videobox {
	width: 100%;
	position: relative;
	display: block;
}
#Story .copy-text .videobox .icon {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width:100px;
	height:70px;
	background-image: url("/images/icons/video-player.png");
}
#Story .copy-text .img-main {
	width: 100%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}
#Story .copy-text .img-sub {
	width: 90%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}

#Story .copy-text .sub-article {
	float:left;
	width:30%;
	margin-left: 0%;
	margin-right: 5%;
}
#Story .copy-text .sub-article:last-child {
	float:right;
	width:30%;
	margin-left: 0%;
	margin-right: 0%;
}

#Story .copy-text .sub-article img {
	width: 100%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}

#Story .copy-text .col40 {
	float:left;
	width:40%;
}
#Story .copy-text .col60 {
	float:left;
	width:60%;
}
#Interest a:hover {
}


.sub-link {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #06C;
	text-align: left;
	font-weight: 300;
	font-style:italic;
}

#Story .copy-text table {
	border: 1px solid #00BDF2;
	border-spacing: 0px;
	padding: 0px;
	overflow-x: auto;
	width:100%;
}
#Story .copy-text table tr {
	display: table-row;
}
#Story .copy-text table tr:first-child {
	display: table-row;
	background-color:#00BDF2;
	text-align:center;
}
#Story .copy-text table tr td {
	display: table-cell;
	padding: 5px;
	border: thin solid #00BDF2;
}
#Story .copy-text table tr td img {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#Links {
	text-align:left;
}
}
/* CSS tablet */
@media all and (max-width: 993px) {

#Article {
	margin-left: 1em;
	margin-right: 1em;
}
#Article h1 {
	text-align:left;
	font-size: 2em;
}
#Article h2 {
	margin-top:0em;
	margin-bottom: 0em;
	text-align:center;
}
#Story {
	float: left;
	width: 65%;
}
#Story table {
	overflow-x: auto;
	display: block;
}
#Interest {
	float: right;
	width: 33%;
}
#Interest .related-story {
	padding: 1em;
}
#Interest h2 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
}
#Interest h3 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-size: 1em;
	text-align:center;
}
#Interest .type-1 img { /* advice*/
	background-color:#CC6699;
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color:#CC6699;
}
#Interest .type-2 img { /* news */
	background-color:#cf8200;
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color:#cf8200;
}
#Interest .type-3 img { /* features */
	background-color:rgb(108, 159, 0);
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color:rgb(108, 159, 0);
}
#Interest .type-4 img { /* offers */
	background-color:#bd2900;
	width: 100%;
	padding-top: 1em;
	border: solid;
	border-width: thin;
	border-color:#bd2900;
}
#Story .copy-text {
	padding-top: 1em;
}
#Story .copy-text .videobox {
	width: 100%;
	position: relative;
	display: block;
}
#Story .copy-text .videobox .icon {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width:100px;
	height:70px;
	background-image: url("/images/icons/video-player.png");
}
#Story .copy-text .img-main {
	width: 100%;
	max-width:500px;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}
#Story .copy-text .img-sub {
	width: 50%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}
#Story .copy-text .sub-article {
	float:left;
	width:30%;
	margin-left: 0%;
	margin-right: 5%;
}
#Story .copy-text .sub-article:last-child {
	float:right;
	width:30%;
	margin-left: 0%;
	margin-right: 0%;
}

#Story .copy-text .sub-article img {
	width: 100%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}
#Story .copy-text .col40 {
	display:block;
	float:none;
	width:100%;
}
#Story .copy-text .col60 {
	display:block;
	float:none;
	width:100%;
}
#Interest a:hover {
}


.sub-link {
	padding-top: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #06C;
	text-align: left;
	font-weight: 300;
	font-style:italic;
}
#Story .copy-text table {
	border: 1px solid #00BDF2;
	border-spacing: 0px;
	padding: 0px;
	overflow-x: auto;
	width:100%;
}
#Story .copy-text table tr {
	display: table-row;
}
#Story .copy-text table tr:first-child {
	display: table-row;
	background-color:#00BDF2;
	text-align:center;
}
#Story .copy-text table tr td {
	display: table-cell;
	padding: 5px;
	border: thin solid #00BDF2;
}
#Story .copy-text table tr td img {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#Links {
	text-align:left;
}
}
/* CSS Mobile */
@media all and (max-width: 479px) {
#Article {
	width: 100%;
	margin-top:1em;
	margin-left: auto;
	margin-right: auto;
}
#Article h1 {
	text-align:left;
}
#Article h2 {
	margin-top:0em;
	margin-bottom: 0em;
	margin-bottom: 0em;
	margin-left: 3%;
	font-size: 1.2em;
}
#Story {
	display:block;
	clear:both;
	float:none;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}
#Story table {
	overflow-x: auto;
	display: block;
}
#Interest {
	display:block;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#Interest .related-story {
	padding: 0em;
}
#Interest h2 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align:center;
	
}
#Interest h3 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align:center;
	color:#fff;
	font-size: 1.2em;
	font-weight: 300;
	margin-left: 0.2em;
	margin-right: 0.2em;
}
#Interest h3 a {
	color:#fff;
}
#Interest .type-1 { /* advice*/
	background-color:#CC6699;
	width: 100%;
	height:auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
#Interest .type-1 img { /* advice*/
	width: 100%;
}
#Interest .type-2 { /* offers */
	background-color:#cf8200;
	width: auto;
	height: auto;
	padding-top: 0em;
	padding-bottom: 1em;
}
#Interest .type-2 img { /* news */
	background-color:#cf8200;
	width: 100%;
	padding-top: 1em;
}
#Interest .type-3 { /* features */
	background-color:rgb(108, 159, 0);
	width: auto;
	height: auto;
	padding-top: 0em;
	padding-bottom: 1em;
}
#Interest .type-3 img { /* features */
	width: 100%;
}
#Interest .type-4 { /* offers */
	background-color:#bd2900;
	width: auto;
	height: auto;
	padding-top: 0em;
	padding-bottom: 1em;
}
#Interest .type-4 img { /* offers */
	background-color:#bd2900;
	width: 100%;
	padding-top: 1em;
}
#Story .copy-text {
	padding-top: 1em;
}
#Story .copy-text .videobox {
	width: 100%;
	position: relative;
	display: block;
}
#Story .copy-text .videobox .icon {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width:100px;
	height:70px;
	background-image: url("/images/icons/video-player.png");
}
#Story .copy-text .img-main {
	width: 100%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}
#Story .copy-text .img-sub {
	width: 100%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}
#Story .copy-text .sub-article {
	float:left;
	width:30%;
	margin-left: 0%;
	margin-right: 5%;
}
#Story .copy-text .sub-article:last-child {
	float:right;
	width:30%;
	margin-left: 0%;
	margin-right: 0%;
}

#Story .copy-text .sub-article img {
	width: 100%;
	padding-bottom: 0em;
	border: solid;
	border-width: thin;
	border-color: #00BDF2;
}
#Story .copy-text .col40 {
	width:100%;
}
#Story .copy-text .col60 {
	width:100%;
}
#Story .copy-text .col60 h2 {
	font-size:1.6em;
	margin-left:0;
	margin-right:0;
}
#Interest a:hover {
}


.sub-link {
	padding-top: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #06C;
	text-align: left;
	font-weight: 300;
	font-style:italic;
}
#Story .copy-text table {
	border: 1px solid #00BDF2;
	border-spacing: 0px;
	padding: 0px;
	overflow-x: auto;
	width:100%;
}
#Story .copy-text table tr {
	display: table-row;
}
#Story .copy-text table tr:first-child {
	display: table-row;
	background-color:#00BDF2;
	text-align:center;
}
#Story .copy-text table tr td {
	display: table-cell;
	padding: 5px;
	border: thin solid #00BDF2;
}
#Story .copy-text table tr td img {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#Links {
	text-align:center;
}
}