/* ---------------------------------------------------------------------------------
   Title:	Westpac Discover screen styles
   Author: sean.elliot@bluearcgroup.com
   Based on HTML5 ✰ Boilerplate - Detailed information about this CSS: h5bp.com/css
   --------------------------------------------------------------------------------- */


/* =============================================================================
   NORMALISE
   ========================================================================== */

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

	audio:not([controls]) {
		display: none;
	}

[hidden] {
	display: none;
}

/* Base */
html {
	font-size: 100%; /* Base font-size 16px */
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}

body {
	color: #59595c;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #EFECEA url(../img/template/header_bg_v3.png) repeat-x top left fixed;
	width: 100%;
	height: 100%;
}

body, button, input, select, textarea {
	color: #59595c;
}

/* Links */
a {
	color: #621a4b;
	text-decoration: none;
}

	a:visited {
		color: #621a4b;
	}

	a:hover, a:focus {
		text-decoration: none;
	}

	a:hover, a:active {
		outline: 0;
	}

.content a:link {
	border-bottom: 1px dotted #59595c;
	color: #59595c;
	text-decoration: none;
}

.content a:visited {
	color: #59595c;
	text-decoration: none;
}

.content a:hover, .content a:focus {
	color: #DC241F;
    border-bottom: 0;
}

.content a:active {
	border-bottom: medium none;
	color: #585B5E;
}

/* Typography */
abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 0 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

	q:before, q:after {
		content: "";
		content: none;
	}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Lists */
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* Embedded content */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

li {
	vertical-align: top;
}

svg:not(:root) {
	overflow: hidden;
}

/* Figures */
figure {
	margin: 0;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

/* Forms */
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
	*overflow: visible;
}

table button, table input {
	*overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input, textarea, select, button {
	font-family: inherit;
	font-size: inherit;
}

#viewport {

}


/* =============================================================================
   TYPICAL CONTENT ELEMENTS
   ========================================================================== */

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 2.5em; /* 40px */
	font-weight: bold;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	color: #333f48;
	line-height: 0.93em;
	letter-spacing: -0.0400em;
}

h2 {
	font-size: 1.37em; /* 22px */
	margin-bottom: 14px;
	color: #621a4b;
}

h3, h4, h5, h6 {
	font-size: 1em; /* 16px */
	color: #000;
    margin-top: 15px;
}

/* Margins */
p, ul, ol, dl, table {
	margin: 0 0 0 0;
}
p {
    margin: 1em 0 0 0;
}
    p.imgOnly {
        margin: 0 0 1em 0;
    }

	table table, table p {
		margin: 0;
	}

    img.full-width-image, .full-width-image > img {
        width: 100% !important;
        height: auto !important;
    }

/* Lists */
ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

/* Nested */
ul ul, ul ol, ol ol, ol ul {
	margin: .75em 0 .75em 2em;
}

ul ul {
	list-style: circle;
}

ol ol {
	list-style: lower-alpha;
}

	ol ol ol {
		list-style: lower-roman;
	}

.content h1, .content h2, .content h3, .content h4, .content h5, .content p, .content ul, .content ol {
    margin: 0 0 12px 0;
}

    .content h1 a:link, .content h1 a:visited {
        color: #333f48;
        border-bottom: none;
    }
    .content h2 a:link, .content h2 a:visited {
        color: #621a4b;
        border-bottom: none;
    }
    .content h3 a:link, .content h4 a:link, .content h5 a:link, .content h3 a:visited, .content h4 a:visited, .content h5 a:visited  {
        color: #000;
        border-bottom: none;
    }

        .content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover {
            border-bottom: 1px dotted #59595c;
        }

/*custom bullets*/
.content ul {
	padding: 0;
    margin: 0 0 12px 17px;
}

    .content ul ul {
        margin: 0 0 0 17px;
    }

.content ol {
    margin: 0 0 12px 0;
}

    .content ol ol {
        padding-left: 20px;
    }

	.content ul li {
		background: url(../img/template/bullet.png) no-repeat scroll 0 7px transparent;
		display: block;
		padding: 0 0 0 20px;
	}

.content ul.list-tick {
    margin-top: 24px;
}

    .content ul.list-tick li, .content ul li.list-tick{
        background: url(../img/template/list-tick.png) no-repeat scroll 0 7px transparent;
		display: block;
		padding: 0 0 0 20px;
    }


.ie8 .btn, .ie8 .content-block.cta, .ie8 .topics, .ie8 .content-block.imageblock, .ie8 .content-block.videoblock, .ie8 .content-block.carousel, .ie8 .panel-container, .ie8 .dialog-lv3-container .content-header .buttons, .ie8 #header-filters .filter-checkbox, .ie8 #header-tabs .tabs-container li, .ie8 .tile, .ie8 .banner,
.ie8 .tile-container .inner{behavior: url(scripts/PIE.htc);}

/* =============================================================================
   SITE STRUCTURE
   ========================================================================== */

/* [WRAPPER]
-------------------------------------------------------*/
#wrap {
	width: 100%;
	float: left;
}

/* [HEADER]
-------------------------------------------------------*/
#header-wrap {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	height: 66px;
	z-index: 99;
}

#sub-header-wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 98;
	background: #EFECEA url(../img/template/header_bg_v3.png) repeat-x top left;
}

/*.recent #sub-header-wrap { height: 0; }*/

.sub-header {
	max-width: 918px;
	min-width: 662px;
	min-height: 107px;
	margin: 0px auto;
	padding: 0 53px;
}

/*.recent .sub-header { min-height: 130px; }*/

header {
	display: block;
	z-index: 1;
	position: relative;
	margin: 0 auto;
	max-width: 918px;
	min-width: 662px;
	padding: 0 53px;
	min-height: 71px;
	overflow: hidden;
}

	header #header-top {
		display: block;
		float: left;
		max-width: 918px;
		min-width: 682px;
		width: 100%;
		min-height: 70px;
	}

#header-top #logo {
	float: left;
	margin: 20px 0 0 -4px;
	display: block;
}


#header-top p a {
	color: #fff;
	font-size: 0.81em;
	font-weight: bold;
	float: right;
	margin: 20px 0 0 0;
    padding-bottom: 3px;
	line-height: 0.81em;
}

#header-top p a:hover {	border-bottom: solid 1px #fff; }

#header-tabs {
	display: block;
	width: 100%;
	position: relative;
    margin-top: 66px;
	float: left;
	min-height: 41px;
    padding-bottom: 23px;
}

/*.recent #header-tabs { min-height: 60px; }*/

	#header-tabs .tabs-container {
		display: block;
		list-style: none;
		/*background: url(../img/template/header_bg_v2.png) repeat-x 0 -66px;*/
		margin: 0;
		padding: 0;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 100;
		height: 41px;
		float: left;
		width: 100%;
	}

		#header-tabs .tabs-container li:hover{background-color: #A6A5A4;} 

		#header-tabs .tabs-container li, #header-tabs .tabs-container li.disabled, #header-tabs .tabs-container li.disabled:hover{
			float: left;
			position: relative;
			top: 0px;
			z-index: 110;
			background-color: #747271;
			border-radius: 8px 8px 0 0;
			margin-right: 7px;
		}

        #header-tabs .tabs-container li.disabled a, #header-tabs .tabs-container li.disabled:hover a{ cursor: default; }
		
		#header-tabs .tabs-container li a{color: #ffffff;}
		
		#header-tabs .tabs-container .tab-active, #header-tabs .tabs-container .tab-active:hover {background-color: #EFECEA;}

		#header-tabs .tabs-container .tab-active a, #header-tabs .tabs-container .tab-active a:hover {cursor: default;color: #333f48;}

		#header-tabs .tabs-container li a:hover {color: #fff;}

		#header-tabs .tabs-container li div {
			height: 41px;
			float: left;
			display: block;
		}

		#header-tabs .tabs-container .tab-middle-content {
			min-width: 215px;
		}

li .categories a, li .viewed a{background:url(../img/template/icon-sprite.png) no-repeat 0 0;}

li .categories a {background-position: 30px -38px;}

li.tab-active .categories a {background-position: 30px 11px}

li .viewed a {background-position: -247px -67px;}

li.tab-active .viewed a {background-position: -247px -18px;}

#header-tabs .tabs-container a {
	color: #949699;
	display: block;
	height: 37px;
	font-weight: bold;
	outline: none;
}

#header-tabs .tabs-container .tab-active a {color: #333f48;}

#header-tabs .tabs-container .tab-header-text {
	display: block;
	float: left;
}
#header-tabs .tabs-container .categories .tab-header-text{line-height: 1.3em; margin: 12px 32px 0px 66px;}

#header-tabs .tabs-container .viewed .tab-header-text{line-height: 1.1em; margin: 11px 32px 0px 62px;}

.tab-content {
	display: block;
	position: relative;
	width: 100%;
	z-index: 50;
	margin: 0;
    padding-top: 0;
	float: left;
}

    .tab-content.sticky {
        position: fixed;
        top: 130px;
    }

.no-banner .tab-content{padding-top: 130px; position: fixed;}

.recent .tab-content { display: none;}

	.tab-content .tab-content-container {
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		height: auto;
		margin: 0 auto;
		max-width: 918px;
		min-width: 662px;
		padding: 0 53px;
        
	}

#header-filters {
    display: block; 
    padding-bottom: 25px; 
    background-color: #EFECEA;
    float: left;
    padding-top: 1px;
    width: 100%;
}

/*.sticky #header-filters {
    background-image: url(../img/template/header_bg_v2.png);
    background-position: 0 -130px;
    background-repeat: repeat-x;
}*/

	#header-filters .filter-checkbox {
		display: block;
		width: auto;
		min-width: 20px;
		height: 36px;
		margin: -1px 0 0 0;
		position: relative;
		border: 1px solid #C2C2C2;
		border-left: none;
		float: left;
        overflow: hidden;
		background-color: #F5F3F1;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECEAE8), to(#F5F3F1));
		background: -webkit-linear-gradient(top, #F5F3F1, #ECEAE8);
		background:    -moz-linear-gradient(top, #F5F3F1, #ECEAE8);
		background: 	-ms-linear-gradient(top, #F5F3F1, #ECEAE8);
		background: 	 -o-linear-gradient(top, #F5F3F1, #ECEAE8); 
        background: 		linear-gradient(top, #F5F3F1, #ECEAE8);
	}
	
	.no-cssgradients #header-filters .filter-checkbox { -pie-background: linear-gradient(#F5F3F1, #ECEAE8);}
	
	#header-filters > .filter-checkbox:first-child, #header-filters > .filter-checkbox.first, #header-filters > .filter-checkbox.pie_first-child{
		border-left: 1px solid #C2C2C2; 
		-webkit-border-radius: 4px 0 0 4px; 
				border-radius: 4px 0 0 4px
	}
	
	#header-filters > .filter-checkbox.last, #header-filters > .filter-checkbox.prev{
		-webkit-border-radius: 0 4px 4px 0; 
				border-radius: 0 4px 4px 0
	}
	
	#header-filters > .filter-checkbox.first.last{
		-webkit-border-radius: 4px; 
				border-radius: 4px
	}
	
	#header-filters .filter-checkbox a, #header-filters .filter-checkbox.hover a{background: url(../img/template/icon-sprite.png) no-repeat 0 0;}
	
		#header-filters .filter-checkbox a {
			color: #000;
			margin: 0;
			padding: 11px 24px;
			padding-left: 48px;
			height: 15px;
			display: inline-block;
			font-size: 0.87em;
			font-weight: bold;
			cursor: pointer;
			line-height: 1;
			border: none;
			text-decoration: none;
            overflow: hidden;
			background-position: 22px -94px;
		}

		#header-filters .filter-checkbox.hover a {background-position: 22px -134px;}
		
		#header-filters .filter-checkbox a:hover{text-decoration: underline;}
		
/*
	Level 1 Banner
	--------------
*/
			
.bannerArea, .imgBanner{
	float: left;
	clear: left;
	min-height: 216px;
	margin: 130px 0 0 0;
	width: 100%;
	padding-bottom: 13px;
}

.recent .bannerArea, .recent .imgBanner {display: none;}

	.bannerWrap, .imgBannerWrap{
		min-height: 216px;
		max-width: 918px;
		min-width: 662px;
		padding: 0 53px;
		margin: 0 auto;
	}
	
	.imgBanner, .imgBannerWrap{min-height: inherit;}
			
		.banner{
			margin: 0 auto;
			min-height: 216px;
			position: relative;
			background-color: #EFECEA;
			-webkit-border-radius: 8px;
			border-radius: 8px;
			overflow: hidden;
			transition: all .4s;
			-moz-transition: all .4s;
			-webkit-transition: all .4s;
			-o-transition: all .4s;
		}

.ie8 .banner:before, .ie8 .banner:after {
    content: '.';
    position: absolute;
    right: 0;
    width: 8px;
    height: 9px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    z-index: 4;
}

.ie8 .banner:before {
    bottom: 0;
    background-image: url(../img/template/slider-br.png);
}


.ie8 .banner:after {
    top: 0;
    background-image: url(../img/template/slider-tr.png);
}

			.textWrap{
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 2;
				min-height: 100%;
			}

			.banner .contentArea{
				float: left;
				width: 49%;
				position: relative;
				z-index: 3;
			}
		
				.banner .contentArea .text{padding: 20px 30px 15px 20px;}
			
				.text h1{
					font-size: 41px;
					font-weight: normal;
					color: #621a4b;
				}
	
	.wedge{
		position: absolute;
		top: 0;
		left: 33.6%;
		height: 100%;
		width: 50%;
		z-index: 2;
        transition: all .4s;
		-moz-transition: all .4s;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
	}
	
		.wedge img{
			width: auto;
			height: 100%;
		}

	.banner .image{
		position: absolute;
		width: 60%;
		top: 0;
		margin-left: 40%;
		right: 0;
		z-index: 1;
		height: 100%;
		min-width: 206px;
		overflow: hidden;
	}
		
		.banner .image img{
			width: 100%;
			height: auto;
		}
		
	.imgBanner img{
		width: 100%;
		height:auto;
	}

/* [MAIN CONTENT AREA]
-------------------------------------------------------*/
#wrap-content {
	overflow: hidden;
	max-width: 918px;
	min-width: 662px;
	margin: 0 auto;
	padding: 0 53px;
	position: relative;
	z-index: 2;
}

.recent #content-main{ padding-top: 130px !important; }

/*.decrease-height {
    height: 0 !important;
    background: none !important;
}*/

/* [FOOTER]
-------------------------------------------------------*/
.footerImg{
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 14px;
}

	.footerImg img{
		width: 100%;
		height: auto;
	}

footer {
	display: block;
	width: 100%;
	float: left;
	background: #585B5E;
}


	footer ul {
		padding: 0 53px;
		list-style-type: none;
		margin: 0px auto;
		max-width: 918px;
		min-width: 662px;
	}

		footer ul li {
			float: left;
			padding: 0 10px;
			border-left: solid 2px #A6A8A9;
			font-size: 0.875em;
			line-height: 1em;
			margin: 20px 0;
		}

			footer ul li:first-child {
				border-left: none;
				padding-left: 0;
			}

		footer li a, footer li a:visited {color: #fff;}

        footer li a:hover {text-decoration: underline;}

/* =============================================================================
   MAIN CONTENT COMPONENTS
   ========================================================================== */

/* [HELPER CLASSES]
-------------------------------------------------------*/
/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

	.ir br {
		display: none;
	}

/* Hide from screenreaders and browsers: h5bp.com/u */
.hide-fully {
	display: none !important;
	visibility: hidden;
}

/* Hide visually, but screenreader available: h5bp.com/v */
.hide {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

	/* Same as .hide but keyboard focusable: h5bp.com/p */
	.hide.focusable:active, .hide.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

/* Hide completely but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* Margins */
.margin-on {
	margin-bottom: 1.83em;
}

.margin-med {
	margin-bottom: 0.91em;
}

.margin-off {
	margin-bottom: 0;
}

/* Text alignment */
.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

/* Vertical aligment */
.v-btm {
	vertical-align: bottom;
}

.v-mdle {
	vertical-align: middle;
}

.v-top {
	vertical-align: top;
}

/* Font size */
.txt-sml {
	font-size: .91em;
}
/* 11px */
.txt-lrge {
	font-size: 1.08em;
}
/* 13px */

/* Document Download link */
a[title="Link opens in a new window"] img {
	vertical-align: middle;
}

/* [PANEL STYLES]
-------------------------------------------------------*/

.panel-container {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #fff;
}

.warmEntry .panel-container.welcome {margin-top: 20px;}

.welcome .panel-content { padding: 39px 18px !important;}

.panel-container.no-fill {background: none;}

.panel-container .panel-content {
	display: block;
	float: left;
	padding: 18px;
}

.panel-container.no-fill .panel-content {padding: 0;}

	.panel-container.welcome h1 {
		float: left;
		font-size: 1.75em;
		line-height: 30px;
		width: 35%;
		letter-spacing: -1px;
	}
	
	.panel-container.welcome p {
		width: 60%;
		float: left;
		margin: 0;
	}

.panel-container.things, .lvl2 .panel-container.things {margin-bottom: 26px;}

.lvl3 .panel-container.things {	margin-bottom: 32px;}

	.panel-container.things p {
		margin: 0;
		font-size: 0.87em;
		line-height: 18px;
	}

    .panel-container.things h3 {
        font-size: 0.75em;
        color: #59595c;
        margin-top: 0;
        line-height: 1.7em;
    }

.things .panel-content {
    /*padding: 0;*/
}

/* [TILES]
-------------------------------------------------------*/
#loadedContent {
	position: relative;
	z-index: 100;
}

#container {
	display: block;
	float: left;
	margin: 0;
    width: 102%;
	padding-bottom: 25px;
}

/*.ie8 #container, .ie9 #container,*/ .ie10 #container {
    -webkit-transform: translate(0.5px);
       -moz-transform: translate(0.5px);
        -ms-transform: translate(0.5px);
         -o-transform: translate(0.5px);
            transform: translate(0.5px);
}

.tile-container {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	cursor: pointer;
	width: 31%;
	float: left;
}

.tile-shadow {
    position: relative;
    z-index: 1;
}

.tile, .tileAlt {
	z-index: 99;
	text-align: center;
}

.tile {
    -webkit-border-radius: 8px;
            border-radius: 8px;
    background: #fff url(../img/template/loading-2.gif) no-repeat center center;
}

.tileAlt {
    background: #fff url(../img/template/loading.gif) no-repeat center 150px;
}

.tile img, .tileAlt img {margin-top: 100px;}

.lv2 .tileAlt, .lv3.tileAlt {-webkit-backface-visibility: hidden;}

.tile-container .inner {
	background-color: #fff;
	overflow: hidden;
	-webkit-border-radius: 8px;
			border-radius: 8px;
	-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.07);
			box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.07);   
    position: relative;
    z-index: 1;
}

.ie8 .tile-container .inner {
    -webkit-border-radius: 0 0 8px 8px;
            border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07);
			box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07); 
}

    .ie8 .tile-container .inner:before, .ie8 .tile-container .inner:after {
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        z-index: 5;
        width: 8px;
        height: 8px;
        display: block;
        content: '';
    }

    .ie8 .tile-container .inner:before {
        background-image: url(../img/template/tl.png);
        top: 0;
        left: 0;
    }

    .ie8 .tile-container .inner:after {
        background-image: url(../img/template/tr.png);
        top: 0;
        right: 0;
    }

    .ie8 .tile-container.bottom .inner:before {
        background-image: url(../img/template/bl.png);
        bottom: 0;
        left: 0;
    }

    .ie8 .tile-container.bottom .inner:after {
        background-image: url(../img/template/br.png);
        bottom: 0;
        right: 0;
    }

.ie8 .tile-container.bottom .inner {
    -webkit-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0; 
}

.tile-container .inner:hover .tile-content h1 span {border-bottom: 1px dotted #8C7D70;}

.dialog-lv2-container .header, .dialog-lv3-container .header {
	display: block;
	width: 100%;
	float: left;
	height: 26px;
	background-color: #5a1845;
}

	.dialog-lv2-container .header p, .dialog-lv3-container .header p {
		margin: 0;
		color: #fff;
		text-transform: uppercase;
		font-size: 0.75em;
		line-height: 26px;
		margin-left: 16px;
	}

.tile-container .tile-content h1 {
	color: #621a4b;
	font-size: 1.37em;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 8px;
}

.tile-container .tile-header{
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
	
	.tile-container .tile-header p{
		margin: 0;
		padding: 0;
		line-height: 1;
		-webkit-border-radius: 4px;
				border-radius: 4px;
		background-color: #60134D;
		float: left;
		color: #fff;
		text-transform: uppercase;
		padding: 7px 10px 6px 10px;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
	}

.tile-container .tile-content p {
    margin-bottom: 0;
    margin-top: 0;
}

.tile-container .img{
	width: 100%;
	overflow: hidden;
	display: block;
	position: relative;
    z-index: 1;
    -webkit-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0; 
}

.tile-container.bottom .img {
    -webkit-border-radius: 0 0 8px 8px;
            border-radius: 0 0 8px 8px; 
}

.tile-container .img img.main{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -145px;
    z-index: 1;
    -webkit-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
}

.tile-container.bottom .img img.main {
    -webkit-border-radius: 0 0 8px 8px;
            border-radius: 0 0 8px 8px; 
}

img.placeholder{visibility: hidden;}

.tile-container .tile-content {
	display: block;
	float: left;
	padding: 25px 16px 32px;
	padding-bottom: 32px;
}

.tile-container.top .tile-content {padding-top: 21px;}

.tile-container .tile-content:hover h1 span {border-bottom: 1px dotted #8C7D70;}

.tile-container {-webkit-tap-highlight-color: rgba(0,0,0,0); }

/* [DIALOGS]
-------------------------------------------------------*/
#overlay-container {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 66px;
	left: 0;
	z-index: 99;
	background-image: url("../img/template/dialog-bg.png");
	background-repeat: repeat;
}

.activeOverlay {
	background-image: url("../img/template/dialog-bg.png");
	background-repeat: repeat;
	height: 103.3%;
	left: 0;
	position: absolute;
	top: 180px;
	width: 100%;
	z-index: 1;
	display: none;
}

#container .activeOverlay {
	top: 0;
	height: 100%;
	z-index: 3;
}

#container .active {z-index: 4;}

#overlay {
	display: block;
	left: 50%;
	max-width: 955px;
	padding: 0 2%;
	min-width: 698px;
	position: absolute;
	top: 66px;
	-webkit-transform: translate(-50%, 0px);
     -moz-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
       -o-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
	width: 96%;
	z-index: 100;
	-webkit-backface-visibility: hidden;
}

.ie9 #overlay, .ie10 #overlay {
    margin-left: auto;
    margin-right: auto;
    display: table;
    left: auto;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    position: relative;
}

.ie8 #overlay, .ie7 #overlay {margin-left: -512px;}

.effect {
	margin: 0 auto;
	max-width: 936px;
	min-width: 702px;
}

.clickRegion {
	position: absolute;
	height: 100%;
	top: 0;
	width: 107%;
	right: -35px;
	z-index: 0;
}

/*
	Dialog Level 2
	--------------
*/

.dialog-lv2-container {
	display: block;
	position: relative;
	margin: 0px auto;
	min-width: 768px;
	max-width: 955px;
	opacity: 0;
	-webkit-backface-visibility: hidden;
}

.portrait .dialog-lv2-container .container-inner {
    -webkit-transform: translate(0);
       -moz-transform: translate(0);
        -ms-transform: translate(0);
         -o-transform: translate(0);
            transform: translate(0);
}

.preview .dialog-lv2-container {opacity: 1;}

.ie9 .dialog-lv2-container {opacity: 1;}

.dialog-lv2-container .header {	float: none;}

.dialog-lv2-container .dialog-lv2-container-close {
	position: absolute;
	right: -19px;
	top: -17px;
	cursor: pointer;
	z-index: 300;
}

.dialog-lv2-container .container-inner {
	display: block;
	position: relative;
	left: 0px;
	width: 698px;
	float: left;
	z-index: 200;
	-webkit-box-shadow: 0px 3px 4px #3a3a3a;
       -moz-box-shadow: 0px 3px 4px #3a3a3a;
    	    box-shadow: 0px 3px 4px #3a3a3a;
    -webkit-transform: translate(0.5px);
       -moz-transform: translate(0.5px);
        -ms-transform: translate(0.5px);
         -o-transform: translate(0.5px);
            transform: translate(0.5px);
    margin-bottom: 24px;
}

.ie9 .dialog-lv2-container .container-inner, .ie10 .dialog-lv2-container .container-inner {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}


.topics {
	display: block;
	margin-top: 26px;
	max-width: 256px;
	width: 100%;
	min-height: 60px;
	background-color: #eeede9;
	-webkit-border-radius: 0 8px 8px 0;
	   -moz-border-radius: 0 8px 8px 0;
            border-radius: 0 8px 8px 0;
    -webkit-box-shadow: inset 5px 0 4px -4px #3a3a3a;
       -moz-box-shadow: inset 5px 0 4px -4px #3a3a3a;
            box-shadow: inset 5px 0 4px -4px #3a3a3a;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 1;
}

	.topics .inner {
		padding: 18px;
		overflow: hidden;
	}

.cssanimations .dialog-lv2-container .slider {
    -webkit-transform: translate(-100%, 0);
	   -moz-transform: translate(-100%, 0);
	    -ms-transform: translate(-100%, 0);
         -o-transform: translate(-100%, 0);
	        transform: translate(-100%, 0);
}

.cssanimations.portrait .dialog-lv2-container .slider {
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
}

.preview .cssanimations .dialog-lv2-container .slider, 
.preview .cssanimations.portrait .dialog-lv2-container .slider,
/*.cssanimations.portrait .dialog-lv2-container .content.bottom,*/
.preview .cssanimations.portrait .dialog-lv2-container .content.bottom,
.cssanimations.portrait .dialog-lv2-container .content.bottom.open {
    -webkit-transform: translate(0, 0);
	   -moz-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
	        transform: translate(0, 0);
}


.topics h2 {
	color: #000000;
	font-size: 1em;
	margin-bottom: 18px;
}

.topics ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

.topics li {
	width: 100%;
	border-top: solid 1px #ABAAA6;
	padding: 14px 0;
}

.topics p {
	line-height: 24px;
	margin: 0;
}

.topics strong {
	font-size: 0.75em;
	width: 100%;
	line-height: 1em;
	float: left;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.topics a strong {	color: #464542;}

.topics a { display: block; }

.topics a:hover p {
    border-bottom: 1px dotted #8C7D70;
    display: inline;    
}

.dialog-lv3-container .content-block-container table {	width: 100% !important; }

.dialog-lv3-container .topics {
	float: left;
	left: auto;
	margin-top: 0;
	max-width: 100%;
	width: 100%;
	min-width: 698px;
	position: relative;
	top: auto;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
	        border-radius: 0;	
	-webkit-box-shadow: inset 0px 10px 10px -10px;
	        box-shadow: inset 0px 10px 10px -10px;
}

	.dialog-lv3-container .topics .inner {padding: 18px 35px;}


	.dialog-lv3-container .topics h2 {margin-bottom: 0;}

	.dialog-lv3-container .topics li {
		width: 29%;
		float: left;
		margin: 0 0 0 36px;
		padding-top: 10px;
		border-top: none;
	}

		.dialog-lv3-container .topics li:first-child {margin-left: 0;}

.dialog-lv2-container .container-inner .content {
	padding: 0 35px 24px 35px;
	background: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

    .lvl2.portrait .dialog-lv2-container .container-inner .content.main { padding-bottom: 0; }

.dialog-lv2-container .container-inner .content.main {
    padding-top: 24px;
    min-height: 270px;
    padding-bottom: 0;
}

    .dialog-lv2-container .container-inner .content.main > h1 { margin-bottom: 24px; }

    .dialog-lv2-container .container-inner .content.bottom {width: 628px;}

.dialog-lv2-container .open {float: right;}



/*
	Dialog Level 3
	--------------
*/
.dialog-lv3-container {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 955px;
	min-width: 698px;
	opacity: 0;
    -webkit-transform: translate(0.5px);
       -moz-transform: translate(0.5px);
        -ms-transform: translate(0.5px);
         -o-transform: translate(0.5px);
            transform: translate(0.5px);
    -webkit-backface-visibility: hidden;
}

.ie9 .dialog-lv3-container, .ie10 .dialog-lv3-container {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

.dialog-lv3-container .main .content-block-container>:first-child{margin-top: 22px;}

.preview .dialog-lv3-container {
    opacity: 1;
}

	.dialog-lv3-container .dialog-lv3-container-close {
		position: absolute;
		top: -17px;
		right: -17px;
		cursor: pointer;
		z-index: 300;
	}

	.dialog-lv3-container .content-header {
		float: left;
		position: relative;
		top: 0px;
		left: 0px;
		background-color: #efedea;
		width: 100%;
		z-index: 200;
        display: table;
	}

		.dialog-lv3-container .content-header h1 {
			padding: 12px 0 12px 35px;
            width: 75%;
            display: table-cell;
            vertical-align: middle;
		}


		.dialog-lv3-container .content-header .buttons {
			display: block;
			float: right;
			position: relative;
			top: 0px;
			right: 0px;
			margin-top: 12px;
			margin-right: 20px;
			margin-bottom: 15px;
			background-color: #fff;
            -webkit-border-radius: 6px;
               -moz-border-radius: 6px;
			        border-radius: 6px;
		}

			.dialog-lv3-container .content-header .buttons .vertical-divider {
				display: block;
				float: left;
				width: 1px;
				border-right: 1px solid #efedea;
				height: 76px;
			}

			.dialog-lv3-container .content-header .buttons .download,
			.dialog-lv3-container .content-header .buttons .email {
				display: block;
				float: left;
				width: 76px;
				height: 76px;
				cursor: pointer;
			}

				.dialog-lv3-container .content-header .buttons .download img {
					margin: 18px 0px 10px 29px;
				}

				.dialog-lv3-container .content-header .buttons .email img {
					margin: 26px 0px 10px 29px;
				}

			.dialog-lv3-container .content-header .buttons p {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 0.625em;
				line-height: 1em;
				margin: 0;
				font-weight: bold;
				color: #464542;
			}

			.dialog-lv3-container .content-header .buttons span {
				color: #858C91;
				width: 100%;
				display: block;
			}

			.dialog-lv3-container .content-header .buttons img,
			.dialog-lv3-container .content-header .buttons p {float: left;}

	.dialog-lv3-container .content {
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		background-color: #fff;
		padding: 0;
		float: left;
		z-index: 100;
		width: 100%;
	}

	.dialog-lv3-container .panel-container {
		padding: 0 36px;
		width: auto;
	}

.dialog-lv3-container .content.bottom .panel-content {
    margin-top: 22px;
}

.dialog-lv3-container .content.bottom {
	padding-bottom: 0;
}
/* [DIALOG LVL3 PRINT]
-------------------------------------------------------*/

.print{background:none;display:block;margin:0 auto;max-width:882px;width:100%;}
.print #logo{margin-left:20px!important;}
.print #header-top > p > a{margin-right:20px!important;margin-top:15px!important;}
.print > p{font-size:.8em;line-height:1.2em;}
.print #header-wrap{background-color:#efede9;background-image:none;float:left;margin-top:24px;max-width:882px;position:relative;width:100%;}
.print #header-wrap a{color:#9f0029;}
.print .dialog-lv3-container{float:left;opacity:100;position:relative;}
.print .dialog-lv3-container .panel-container{padding-left:0;padding-right:0;width:100%;}
.print .dialog-lv3-container .header{background-color:#fff;border-bottom:2px solid #9f0029;margin-top:18px;}
.print .dialog-lv3-container .header p{color:#9f0029;font-weight:700;margin-left:0;}
.print .dialog-lv3-container .content-header h1{margin-left:0;padding-left:0;}
.print .dialog-lv3-container .content-header .buttons{visibility:hidden;}
.print .content-block.carousel .slides > li{margin-bottom:36px;}
.print .cta-btn a,.print .btn-primary a .print a.btn-primary a,.print .cta-btn .btn{-webkit-box-shadow:none!important;background-color:#EFEDE9;background-image:none!important;border:none!important;box-shadow:none!important;color:#9f0029!important;display:block;font-weight:700!important;padding-left:0!important;text-align:left!important;text-shadow:none!important;}
.print .cta-btn a:hover,.print .btn-primary a:hover .print a.btn-primary a:hover,.print .btn-primary:hover,.print .btn-primary:focus,.print .red .btn:hover,.print .red a.btn:focus,.print .content .red a.btn:hover,.print .content .red a.btn:focus,.print .content a.btn-primary:hover,.print .content a.btn-primary:focus{color:#9f0029!important;}
.print .print-pagination{border-top:2px solid #9f0029;display:block;float:left;visibility:visible;width:100%;}
.print .print-pagination .pagination{display:block;float:left;width:100%;}
.print .print-pagination .pagination a{color:#59595c;}
.print .print-pagination .pagination p{float:left;}
.print .print-pagination .pagination .page-number{display:block;float:right;font-weight:700;margin-top:15px;}
.print .content a:link{border-bottom:1px dotted #59595c;color:#59595c;text-decoration:none;}
.print .content a:visited{color:#59595c;text-decoration:none;}
.print .content a:hover,.print .content a:focus{border-bottom:0;color:#DC241F;}
.print .content a:active{border-bottom:1px dotted #59595c;color:#585B5E;}
.print header,.print .content-block-container{padding:0;}
.print .dialog-lv3-container-close,.print .dialog-lv3-container .topics,.print-pagination{display:none;visibility:hidden;}
.print .dialog-lv3-container .content-header,.print .dialog-lv3-container .content{-webkit-box-shadow:none;background-color:#fff;box-shadow:none;}
.print .slides-nav,.print .cta-btn i,.print .btn-primary i,.print a.btn-primary i{display:none;}


/* [CONTENT BLOCKS]
-------------------------------------------------------*/
.content-block-container {
	padding: 0 36px;
	min-width: 626px;
}

.content-block {
	overflow: hidden;
	max-width: 883px;
	/*width: 100%;*/
	min-width: 626px;
    margin-bottom: 36px;
}

    .content-block.detaillink {
        margin-bottom: 24px;
    }

.detaillink .btn {
    margin-top: 0;
}

    .content-block.richtextbox.top-border, .content-block.multilinetextbox.top-border, .content-block.threeCol.top-border {
        border-top: solid 1px #ccc;
        padding-top: 24px;
    }

    .content-block.carousel {
        margin-bottom: 0;
        max-width: 883px;
        min-width: 624px;
    }

    .content-block.richtextbox {
        margin-bottom: 24px;
    }

	.content-block.cta {
		background: #EFEDE9;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		padding: 18px 18px 26px 18px;
		max-width: 846px;
		widht: 100%;
		min-width: 590px;
	}

		.content-block.cta.one {
			max-width: 882px;
			min-width: 590px;
		}

.lvl2 .content-block.cta.one .content-block-content p {
    font-size: 0.875em;
    line-height: 1.35em;
}

		.content-block.cta.three, .content-block.threeCol {
			min-width: 626px;
			max-width: 882px;
		}

.content-block.cta.three {
   padding: 18px 0 26px 0;
}

.content-block-cta {
	float: left;
	position: relative;
}

.one .content-block-cta {
	display: table;
    vertical-align: bottom;
    width: 100%;
}

.one .content-block-cta .content-block-header,	
.one .content-block-cta .content-block-content {
		display: table-cell;
        float: left;
        width: 100%;
	}

	.one .content-block-cta .cta-btn {
		display: table-cell;
        text-align: right;
        width: 35%;
	}



.two .content-block-cta {
	width: 45%;
}

	.two .content-block-cta:first-child {
		margin-right: 10%;
	}


.three .content-block-cta, .threeCol .content-block-col {
	width: 30%;
	margin-left: 18px;
	min-width: 188px;
	max-width: 281px;
}

/*.threeCol .content-block-col {
    margin-top: 18px;
}*/

.content-block-cta h3 {
    margin-top: 0;
}

.content-block-cta p {
	margin-top: 0;
}

.content-block-cta .phoneText p {
    color: #621a4b;
    font-size: 1.375em;
    font-weight: bold;
}


.content-block.imageblock, .content-block.videoblock {
	background: #EFEDE9;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.content-block-video {width: 66%;}
.lvl2 .content-block-video {width: 100%;}

.lvl2 .content-block.imageblock, .lvl2 .content-block.videoblock {
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.imageblock .content-block-image, .videoblock .content-block-video {
	float: left;
    position: relative;
}
.videoblock .content-block-video .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.content-block-video-item {
    display:block;
    width:100%;
    height:auto;


}

    .content-block-video-item iframe {
        position:absolute;top:0;left:0;width:100%; height:100%;
    }

    .imageblock .content-block-image p, .videoblock .content-block-video p {
        margin: 0;
    }

.imageblock .content-block-image {
	max-width: 70%;
}

	.imageblock .content-block-image img {
		width: 100%;
        height: auto;
	}

.lvl2 .imageblock .content-block-image {
	min-width: 100%;
	width: 100%;
}


.videoblock .content-block-content {
	float: left;
	width: 29%;
	padding: 24px 0;
	margin: 0 18px;
}

.imageblock .content-block-content {
	float: left;
	width: 24%;
	padding: 24px 0;
	margin: 0 0 0 18px;
}

.lvl2 .imageblock .content-block-content, .lvl2 .videoblock .content-block-content {
	width: 94%;
}

.threeCol .content-block-col {
	float: left;
}

.threeCol img {
    height: auto;
    width: 100%;
    max-width: 264px;
}
.content-block.carousel {
	border: solid 1px #CCCCCC;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;   
}

    .content-block.carousel .content-block-header h2 {
        margin-bottom: 24px;
    }

	.content-block.carousel .content-block-slides {
		margin: 24px 18px 18px;
	}

	.content-block.carousel .content-block-slides > ul  {
		margin: 0;
		padding: 0;
		max-width: 844px;
		width: 100%;
	}

        .content .content-block.carousel > ul ul {
            margin: 0 0 12px 17px;
        }

	.content-block.carousel .slides > li {
		background: none;
		padding: 0;
		margin: 0;
		max-width: 844px;
		width: 100%;
	}

		.content-block.carousel .slides > li .content-block {
			clear: none;
			float: none;
			margin-top: 0;
			max-width: 100%;
			min-width: 100%;
			overflow: hidden;
		}

            .content-block.carousel .slides > li .content-block.richtextbox {
                margin-bottom: 12px;
            }

.content-block .slides-nav {
	width: 100%;
	border-top: solid 1px #ccc;
	margin-top: 18px;
	padding-top: 18px;
	text-align: center;
}

	.content-block .slides-nav .cycle-prev, .content-block .slides-nav .cycle-next {
		width: 14px;
		height: 24px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		text-indent: -10000px;
		cursor: pointer;
	}

	.content-block .slides-nav .cycle-prev {
		background: url(../img/template/previous.png) no-repeat 0 0;
	}

	.content-block .slides-nav .cycle-next {
		background: url(../img/template/next.png) no-repeat 0 0;
	}

	.content-block .slides-nav .cycle-pager {
		width: auto;
		display: inline-block;
		height: 24px;
		vertical-align: top;
		margin: 0 35px;
	}

		.content-block .slides-nav .cycle-pager span {
			font-size: 3.5em;
			color: #CCCCCC;
			line-height: 24px;
			margin: 0 6px;
			height: 24px;
			cursor: pointer;
		}

			.content-block .slides-nav .cycle-pager span.cycle-pager-active {
				color: #3D4A54;
			}

            .content-block .slides-nav .cycle-pager span:hover {
                color: #A17693;
            }

.btn, 
a.btn, 
.grey .btn, 
.grey a.btn {
	background-color: #EBEBEA;
	background: -moz-linear-gradient(top, #f8f8f7 0%, #ebebea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f7), color-stop(100%,#ebebea));
	background: -webkit-linear-gradient(top, #f8f8f7 0%,#ebebea 100%);
	background: -o-linear-gradient(top, #f8f8f7 0%,#ebebea 100%);
	background: -ms-linear-gradient(top, #f8f8f7 0%,#ebebea 100%);
	background: linear-gradient(to bottom, #f8f8f7 0%,#ebebea 100%);
	border-color: #D7D2CB #D7D2CB #C6C1BA;
	border-image: none;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	-webkit-box-shadow: 0 1px 0 #FFFFFF;
	box-shadow: 0 1px 0 #FFFFFF;
	color: #631C4C;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 0;
    margin-top: 1em;
	padding: 9px 12px;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
	vertical-align: middle;
    border-bottom: solid 1px #C6C1BA;
    position: relative;
    text-align: left;
    padding-right: 27px;
    font-weight: bold;
}


    .no-cssgradients .btn, 
    .no-cssgradients a.btn, 
    .no-cssgradients .grey .btn, 
    .no-cssgradients .grey a.btn {
        -pie-background: linear-gradient(#f8f8f7, #ebebea);
    }

.btn-primary, 
a.btn-primary, 
.red .btn, 
.red a.btn {
	background-color: #DC241F;
	background: -moz-linear-gradient(top, #dc241f 0%, #9f0029 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc241f), color-stop(100%,#9f0029));
	background: -webkit-linear-gradient(top, #dc241f 0%,#9f0029 100%);
	background: -o-linear-gradient(top, #dc241f 0%,#9f0029 100%);
	background: -ms-linear-gradient(top, #dc241f 0%,#9f0029 100%);
	background: linear-gradient(to bottom, #dc241f 0%,#9f0029 100%);
	border-color: #DC241F #BF1920 #840322;
	color: #FFFFFF !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    border-bottom: solid 1px #840322;
}

    .no-cssgradients .btn-primary, 
    .no-cssgradients a.btn-primary, 
    .no-cssgradients .red .btn, 
    .no-cssgradients .red a.btn {
        -pie-background: linear-gradient(#dc241f, #9f0029);
    }

.btn-secondary, 
a.btn-secondary, 
.purple .btn, 
.purple a.btn, 
.detaillink .btn {
	background-color: #621A4B;
	background: -moz-linear-gradient(top, #894373 0%, #631b4c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#894373), color-stop(100%,#631b4c));
	background: -webkit-linear-gradient(top, #894373 0%,#631b4c 100%);
	background: -o-linear-gradient(top, #894373 0%,#631b4c 100%);
	background: -ms-linear-gradient(top, #894373 0%,#631b4c 100%);
	background: linear-gradient(to bottom, #894373 0%,#631b4c 100%);
	border-color: #894373 #793663 #541841;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
    border-bottom: solid 1px #541841;
}

    .no-cssgradients .btn-secondary, 
    .no-cssgradients a.btn-secondary, 
    .no-cssgradients .purple .btn, 
    .no-cssgradients .purple a.btn, 
    .no-cssgradients .detaillink .btn {
        -pie-background: linear-gradient(#894373, #631b4c);
    }

.btn:hover, 
.btn:focus, 
.grey .btn:hover, 
.grey .btn:focus, 
.content .grey a.btn:hover, 
.content .grey a.btn:focus,
.content a.btn:hover, 
.content a.btn:focus {
	background-color: #F3F3F2;
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f2 100%);
	border-color: #D7D2CB #D7D2CB #C6C1BA;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #631C4C !important;
    border-bottom: solid 1px #C6C1BA;
}

    .no-cssgradients .btn:hover,
    .no-cssgradients .btn:focus,
    .no-cssgradients .grey .btn:hover,
    .no-cssgradients .grey .btn:focus,
    .no-cssgradients .content .grey a.btn:hover,
    .no-cssgradients .content .grey a.btn:focus,
    .no-cssgradients .content a.btn:hover,
    .no-cssgradients .content a.btn:focus {
        -pie-background: linear-gradient(#ffffff, #f3f3f2);
    }

.btn-primary:hover, 
.btn-primary:focus, 
.red .btn:hover, 
.red a.btn:focus, 
.content .red a.btn:hover, 
.content .red a.btn:focus, 
.content a.btn-primary:hover, 
.content a.btn-primary:focus {
	background-color: #C70239;
	background: -moz-linear-gradient(top, #ea322b 0%, #c70239 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea322b), color-stop(100%,#c70239));
	background: -webkit-linear-gradient(top, #ea322b 0%,#c70239 100%);
	background: -o-linear-gradient(top, #ea322b 0%,#c70239 100%);
	background: -ms-linear-gradient(top, #ea322b 0%,#c70239 100%);
	background: linear-gradient(to bottom, #ea322b 0%,#c70239 100%);
	color: #fff !important;
	border-color: #DC241F #BF1920 #840322;
    border-bottom: solid 1px #840322;
}

    .no-cssgradients .btn-primary:hover,
    .no-cssgradients .btn-primary:focus,
    .no-cssgradients .red .btn:hover,
    .no-cssgradients .red a.btn:focus,
    .no-cssgradients .content .red a.btn:hover,
    .no-cssgradients .content .red a.btn:focus,
    .no-cssgradients .content a.btn-primary:hover,
    .no-cssgradients .content a.btn-primary:focus {
        -pie-background: linear-gradient(#ea322b, #c70239);
    }

.btn-secondary:hover, 
.btn-secondary:focus, 
.purple .btn:hover, 
.purple .btn:focus, 
.detaillink .btn:hover, 
.detaillink .btn:focus, 
.content .btn-secondary:hover, 
.content .btn-secondary:focus, 
.content .purple .btn:hover, 
.content .purple .btn:focus{
	background-color: #872568;
	background: -moz-linear-gradient(top, #b25a9b 0%, #872568 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b25a9b), color-stop(100%,#872568));
	background: -webkit-linear-gradient(top, #b25a9b 0%,#872568 100%);
	background: -o-linear-gradient(top, #b25a9b 0%,#872568 100%);
	background: -ms-linear-gradient(top, #b25a9b 0%,#872568 100%);
	background: linear-gradient(to bottom, #b25a9b 0%,#872568 100%);
	background-repeat: repeat-x;
	border-color: #894373 #793663 #541841;
	color: #FFFFFF !important;
}

    .no-cssgradients .btn-secondary:hover,
    .no-cssgradients .btn-secondary:focus,
    .no-cssgradients .purple .btn:hover,
    .no-cssgradients .purple .btn:focus,
    .no-cssgradients .detaillink .btn:hover,
    .no-cssgradients .detaillink .btn:focus,
    .no-cssgradients .content .btn-secondary:hover,
    .no-cssgradients .content .btn-secondary:focus,
    .no-cssgradients .content .purple .btn:hover,
    .no-cssgradients .content .purple .btn:focus {
        -pie-background: linear-gradient(#b25a9b , #872568);
    }

.btn:active, 
.grey .btn:active {
	background-image: none;
	border-color: #C6C1BA #C6C1BA #D7D2CB;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3) inset;
	outline: 0 none;
}

.btn-primary:active, 
.red .btn:active {
	background-color: #C70239;
	border-color: #BF1920;
}

.btn-secondary:active, 
.purple .btn:active, 
.detaillink .btn:active {
	background-color: #874171;
	border-color: #541841;
}

.btn-small {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 13px;
	line-height: 25px;
	padding: 0 12px;
}

.btn-block {
	-moz-box-sizing: border-box;
	display: block;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

	.btn-block + .btn-block {
		margin-top: 20px;
	}

.btn.disabled, .btn[disabled] {
	background-color: #F8F8F7;
	background-image: none;
	border-color: #D7D2CB;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #AAABAD;
	cursor: default;
	text-shadow: none;
}

.btn i, a.btn i {
	background-image: url(../img/template/sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top;
	width: 10px;
}

.btn i, .grey .btn i {
	background-position: 0 0 !important;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 8px;
}

.grey .btn i {
	background-position: 0 -30px !important;
}

.btn.btn-primary i, .btn.btn-secondary i, .red .btn i, .purple .btn i {
	background-position: 0 0 !important;
    margin-top: -7px;
}

.icon-grey-arrow {
	background-position: 0 -59px;
	height: 14px;
	margin-left: 15px;
	width: 10px;
}

.overlay2 {
	width: 100%;
	background: #000;
	height: 100%;
}

/* [Error page]
-------------------------------------------------------*/
.error-page #wrap-content {
    padding-top: 130px;
}

.error-page .panel-container.things p {
    margin: inherit;
    font-size: inherit;
    line-height: inherit;
}

.error-page .panel-container.things h3 {
font-size: inherit;
color:#000;
margin-top: inherit;
line-height: inherit;
}

.error-page footer {
    position: fixed;
    bottom: 0;   
}

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 990px) {
	.panel-container .panel-content {
		padding: 25px 18px;
	}

	.panel-container.welcome h1 {
		width: auto;
		margin: 0;
		float: none;
	}

	.panel-container.welcome p {
		float: none;
		width: auto;
		margin: 10px 0 0 0;
	}
}

/*
	Level 2
	-------
*/
@media only screen and (max-width: 1000px) {
	.lvl2 #overlay {
		max-width: 698px;
		min-width: 698px;
		width: 698px;
	}

	.lvl3 #overlay {
		max-width: 955px;
		min-width: 698px;
		width: 91.1%;
	}

	.dialog-lv2-container {
		max-width: 698px;
		width: 698px;
		min-width: 698px;
	}

		.dialog-lv2-container .container-inner .content {
			overflow: hidden;
			width: 628px;
			float: left;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
        }

	.topics {
		display: block;
		float: left;
		left: auto;
		bottom: 0;
		margin-top: 0;
		width: 100%;
		position: relative;
		top: auto;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-webkit-box-shadow: inset 0px 10px 10px -10px;
		box-shadow: inset 0px 10px 10px -10px;
		min-width: 698px;
	}

		.topics .inner {
			padding: 18px 35px;
		}

		.topics h2 {
			margin-bottom: 0;
		}

		.topics li {
			width: 29%;
			float: left;
			margin: 0 0 0 36px;
			padding-top: 10px;
			border-top: none;
		}

			.topics li:first-child {
				margin-left: 0;
			}

	.content .panel-container.no-fill.things {
		margin: 0 0 36px;
	}

    .dialog-lv2-container .container-inner .content.bottom {
        width: 628px;
    }

    .content.bottom .panel-content {
        margin-top: 22px;
    }
}

@media only screen and (max-width: 985px) {
	.imageblock .content-block-image {
		width: 70%;
	}

	.imageblock .content-block-content {
		width: 24%;
		float: left;
	}
}

@media only screen and (max-width: 960px) {

    .content-block.imageblock, .content-block.videoblock {
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

	.videoblock .content-block-video {
		min-width: 628px;
		max-width: 100%;
		width: 100%;
	}

	.videoblock .content-block-content {
		width: 95%;
		min-width: 597px;
		clear: left;
	}

	.imageblock .content-block-image {
		width: 100%;
		min-width: 626px;
		max-width: 100%;
	}

	.imageblock .content-block-content {
		width: 90%;
		float: left;
	}
}

@media only screen and (max-width: 935px) {
	.dialog-lv2-container .dialog-lv2-slider {
		display: block;
	}

		.dialog-lv2-container .dialog-lv2-slider li {
			margin: 0px;
		}

		.dialog-lv2-container .dialog-lv2-slider .other-topics-description {
			margin: 0px !important;
			padding: 5px 0px 13px 0px !important;
		}

	.dialog-lv2-container .dialog-lv2-slider {
		max-width: 27.3%;
	}
}

@media only screen and (max-width: 890px) {
	.dialog-lv2-container .container-inner {
		max-width: 100%;
		width: 100%;
		min-width: 698px;
		margin: 0 auto 0px;
		float: none;

	}

	.dialog-lv2-container .dialog-lv2-slider {
		max-width: 95.5%;
		margin-top: 0;
		clear: both;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		width: 100%;
	}

		.dialog-lv2-container .dialog-lv2-slider li {
			border-left: 1px solid #CBCAC6;
			border-top: medium none;
			float: left;
			padding-left: 10px;
			padding-right: 10px;
			width: 30.7%;
		}

			.dialog-lv2-container .dialog-lv2-slider li.no-border {
				border-left: none;
				padding-left: 0;
			}

                 .wedge { left: 30%;  }
}

@media only screen and (max-width: 835px) {
	.dialog-lv2-container .dialog-lv2-slider {
		max-width: 95%;
		width: 100%;
	}

            .banner .contentArea .text {
            padding-right: 20px;
        }
}

@media only screen and (max-width: 790px) {

	.dialog-lv2-container .container-inner {
		max-width: 698px;
		width: 698px;
		min-width: 698px;
	}

	.dialog-lv2-container .dialog-lv2-slider {
		max-width: 92%;
		min-width: 667px;
		float: none;
		margin: 0 auto;
		overflow: hidden;
		width: 100%;
	}

    .banner .contentArea {width: 50%;}



}

/*
	Level 3
	-------
*/
@media only screen and (min-width: 850px) {
	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-left {
		max-width: 68%;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right {
		float: right;
		max-width: 30%;
	}

	.dialog-lv3-container .dialog-lv3-content-header h1 {
		max-width: 60%;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .content-tile-aside {
		float: right;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 li {
		border-top: 1px solid #fff;
		margin: 0px;
		padding-top: 13px;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 .no-border {
		border: none !important;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 .other-topics-description {
		margin: 0px;
		padding: 5px 0px 13px 0px;
		border-bottom: 1px solid #cbcac6;
	}
}

@media only screen and (max-width: 850px) {
	.dialog-lv3-container .dialog-lv3-header {
		min-width: 575px;
	}

	.dialog-lv3-container .dialog-lv3-content-header {
		min-width: 575px;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-left {
		max-width: 100%;
		min-width: 535px;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right {
		float: left;
		max-width: 100%;
	}

		.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-1 {
			display: block;
			width: 100%;
			float: left;
		}

			.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-1 .col-left,
			.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-1 .col-right {
				display: block;
				float: left;
				width: 50%;
			}

				.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-1 .col-right .content-tile-aside {
					float: right;
				}

		.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 ul {
			list-style: none;
			padding: 0px;
		}

		.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 li {
			list-style-image: none;
			float: left;
			max-width: 33%;
		}

		.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 {
			display: block;
			float: left;
			width: 100%;
		}

			.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 .content-tile-aside {
				min-height: 160px;
				max-width: 100%;
			}

				.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 .content-tile-aside,
				.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 .content-tile-aside .tile-content {
					width: 100%;
				}

	.dialog-lv3-container .dialog-lv3-content-header h1 {
		max-width: 50%;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .content-tile-aside {
		float: left;
		max-width: 96%;
		min-height: 190px;
	}

	.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-left .content-tile-border-radius {
		max-width: 100%;
	}
}

.dialog-lv2-container .dialog-lv2-slider ul,
.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 ul {
	list-style: none;
	padding: 0px;
	width: 100%;
	display: block;
}

.dialog-lv2-container .dialog-lv2-slider li,
.dialog-lv3-container .dialog-lv3-content .dialog-lv3-content-right .row-2 li {
	list-style-image: none;
	display: block;
}

.dialog-lv3-container .dialog-lv3-content {
	max-width: 937px;
}




/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	/* Black prints faster: h5bp.com/s */
	a, a:visited {
		text-decoration: underline;
	}

		a[href]:after {
			content: " (" attr(href) ")";
		}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	/* Don't show links for images, or javascript/internal links */
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}
	/* h5bp.com/t */
	tr, img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}

	header,
	#sub-header-wrap,
	#wrap-content,
	footer ul,
	#overlay,
	.dialog-lv2-container,
	.dialog-lv2-container .container-inner {
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		padding: 0 !important;
		display: inline !important;
		float: none !important;
	}

	.tile-container, .tile-container .inner, .panel-container, .topics {
		width: 100% !important;
		float: none !important;
		clear: none !important;
		display: inline !important;
		position: relative !important;
	}

	.topics {
		left: auto;
		margin-top: 0 !important;
		max-width: 100% !important;
		min-height: inherit !important;
		top: auto;
	}

	#container {
		width: 100% !important;
		height: auto !important;
	}

	#header-tabs,
	.tile-shadow:before,
	.tile-shadow:after,
	.lvl2 #viewport,
	.lvl3 #viewport {
		display: none;
	}

	#header-wrap {
		position: relative !important;
	}
}