/* ----------------- Alberta New Home Warranty Program - Coverage ------------------------------------------------------------------------------ */

.coverage_footer
{
	clear: both;
	min-height: 30px;
	width: 100%;
	padding-top: 2px;
	margin-bottom: 0px;
	text-align: center;
}

.coverage_footer a
{
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

.coverage1 {
	float: left;
    line-height: 1.5;
	font-family: 'Roboto Slab', serif;
	font-size: 28px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	background: transparent;
	max-width: 100%;
}

.coverage3 {
    line-height: 1.5;
	clear: both;
	float: left;
	font-family: font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	float: left;
	background: transparent;
	width: 100%;
}

.coverage4 {
	display: none;
	width: 100%;
}

.coverage5 {
	display: none;
	width: 100%;
}

#container_outer {
	overflow: hidden;
	margin-left: auto; 
	margin-right: auto; 
	padding-bottom: 30px;
	width: 1140px;
	background: url(/images/coverage/tile_horizon.gif) repeat-x;
	font-size: 15px;
    background-position-y: 100px;
}

#column_left {
	clear: both;
	overflow: visible;
	display: block;
	float: left;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 20px;
	width: 246px;
	background-color: transparent;
}

.left_area1 {
	margin-left: 15px;
	margin-top: 47px;
	overflow: visible;
	line-height: 105%;
	background: transparent;
	font-weight: bold;
	color: #aea39a;
}

.left_area2 {
	margin-left: 15px;
	margin-top: 141px;
	overflow: visible;
	line-height: 105%;
	background: transparent;
	font-weight: bold;
	color: #aea39a;
}

.right_area5 {
	margin-left: 10px;
	padding-right: 5px;
	margin-top: 47px;
	overflow: visible;
	line-height: 105%;
	background: transparent;
	font-weight: bold;
	color: #aea39a;
}

.right_area10 {
	margin-left: 10px;
	padding-right: 5px;
	margin-top: 105px;
	overflow: visible;
	line-height: 105%;
	background: transparent;
	font-weight: bold;
	color: #aea39a;
}

.coverage_header {
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: Tahoma,helvetica,Sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
}


#column_middle {
	overflow: visible;
	float: left;
	margin-left: 0px; 
	margin-right: 0px; 
	width: 629px;
	margin-bottom: 20px;
	background-color: transparent;
}

#column_right {
	overflow: visible;
	float: left;
	margin-left: 0px; 
	margin-right: 0px; 
	width: 250px;
	background-color: transparent;
}

#container_outer2 {
	display: none;
}

#container_outer3 {
	display: none;
}

/* ----------------- BOOTSTRAP ------------------------------------------------------------------------------ */

/*iPad Landscape*/
@media screen and (max-width: 1199px) {
	
	#container_outer {
		width: 942px;
		background: none;
	}
	
	#column_right {
		width: 210px;
	}
	
	#column_left {
		width: 210px;
	}
	
	#column_middle {
		width: 516px;
		margin-top: 0px;
	}
	
	.coverage_header {
		font-size: 17px;
	}
	
	.left_area2 {
		margin-top: 100px;
	}
	
	.right_area10 {
		margin-top: 66px;
	}
	
	#jet {
		width: 531px;
	}
	
	.coverage3 {
		display: none;
	}
	
	.coverage4 {
		display: inline;
		clear: both;
		float: left;
		font-family: font-family: 'Lato', sans-serif;
		font-size: 20px;
		color: #474747;
		font-weight: bold;
		margin-top: 0px;
		margin-left: 0px;
		padding-bottom: 0px;
		float: left;
		background: transparent;
	}
	
	
	#display_area {
		width: 531px;
	}
	
	
}

/*iPad Portrait*/
@media screen and (max-width: 991px) {

	#container_outer {
		margin-top: 0px;
        margin-left: -15px;
		width: 752px;
        margin:auto;
		background: none;
	}
	
	#column_right {
		width: 221px;
	}
	
	#column_left {
		width: 210px;
	}
	
	#column_middle {
		width: 311px;
		margin-top: 115px;
	}
	
	#jet {
		width: 311px;
	}
	
	#display_area {
		width: 311px;
	}
	
	.left_area2 {
		margin-top: 100px;
		font-size: 13px;
	}
	
	.right_area10 {
		margin-top: 66px;
		font-size: 13px;
	}
	
	.left_area1 {
		font-size: 13px;
	}

	.right_area5 {
		font-size: 13px;
	}

}

/*iPhone Landscape*/
@media screen and (max-width: 680px) {

    #Bottom_Content_Coverage {
        margin-left: -15px;
        margin-right: -15px;
    }

    .coverage1 {
        font-size: 21px;
    }

    .coverage2 {
        font-size: 21px;
    }

    .coverage3 {
        font-size: 17px;
    }

    #container_outer {
        display: none;
    }

    #container_outer2 {
        display: inline;
    }

    #container_outer3 {
        display: none;
    }

    .coverage_header {
        margin-top: 0px;
        padding: 5px;
        margin-bottom: 0px;
        margin-left: 0px;
        font-family: Tahoma,helvetica,Sans-serif;
        font-size: 18px;
        font-weight: bold;
        text-transform: none;
    }

    .coverage_landscape_a {
        float: left;
        padding: 0px 5px 5px 5px;
        width: 235px;
        background: transparent;
    }

    .coverage_landscape_b {
        float: left;
        padding: 0px 5px 15px 5px;
        width: 320px;
        margin-left: 0px;
        background: transparent;
    }

    .coverage_details1 {
        padding: 0px 5px 5px 5px;
        color: #924055;
        font-weight: bold;
    }

    .coverage_details2 {
        padding: 0px 5px 5px 5px;
        color: #478abd;
        font-weight: bold;
    }

    .coverage_details5 {
        padding: 0px 5px 5px 5px;
        color: #449848;
        font-weight: bold;
    }

    .coverage_details10 {
        padding: 0px 5px 5px 5px;
        color: #cab865;
        font-weight: bold;
    }

    .coverage_line {
        clear: both;
        height: 15px;
        border-top: 1px solid #636363;
    }

    .coverage4 {
        display: none;
    }

    .coverage5 {
        display: inline;
        clear: both;
        float: left;
        padding-bottom: 15px;
    }
}

/*iPhone portrait*/
@media screen and (max-width: 320px) {
    #Bottom_Content_Coverage
    {
        margin-left: 0px;
        margin-right: 0px;
    }
	.coverage1 {
		font-size: 21px;
	}

	.coverage2 {
		font-size: 21px;
	}

	.coverage3 {
		font-size: 17px;
	}
	
	#container_outer2 {
		display: none;
	}

	#container_outer3 {
		display: inline;
	}
	
	.coverage_year  {
		margin-left: 5px;
	}
	
	.coverage_header {
		margin-left: 5px;
	}
	
	.coverage_details1 {
		margin-left: 5px;
	}
	
	.coverage_details2 {
		margin-left: 5px;
	}
	
	.coverage_details5 {
		margin-left: 5px;
	}
	
	.coverage_details10 {
		margin-left: 5px;
	}
}

@media screen {
    .coverage2 {
        color: #8e8279;
    }
}