/* IMPORTANT
----------------------------------------------------------------------------------------------------
DEVELOPERS, do not modify this file.

If your project requires new styles, or modifications, please include them in a new CSS file.

----------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------------------------------
   1. Resets
   2. Basic Typography
   3. Utilities
      - 3.1. General
      - 3.2. Lists
   4. Forms
   5. Reference
   6. Structure
   7. Generic
   8. Custom
*/

/* 1. Resets
----------------------------------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0;
	font-size:100%;
	vertical-align:baseline;
	border:0;
	outline:0;
	background:transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {margin:0; padding:0; display:block;}

html {-webkit-text-size-adjust:100%;} /* Force text sizing to behave in iOS */

blockquote, q {quotes:none;}

table {border-collapse:collapse; border-spacing:0;}

img, object, embed, iframe, iframe object, iframe embed {max-width:100%;}
 
.ie7 img {-ms-interpolation-mode:bicubic;} /* scale images in IE7 more attractively */

a img {
	border:none;
}

:focus {outline:0;}

/* 2. Basic Typography
----------------------------------------------------------------------------------------------------
*/

body {
	font-family: "open sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:87.5%; /* 14px */
	line-height:1.429em; /* 20px */
	color:#222;
}

h1, h2, #logo {
	font-family: "adelle",serif;
	font-style: normal;
	font-weight: 700;
	color:#69000f;		
}

h3 {
	font-family: "adelle",serif;
	font-style: normal;
	font-weight: 400;
	color:#69000f;		
}

h4 {
	font-family: "adelle",serif;
	font-style: normal;
	font-weight: 400;
	color:#222;		
}

h1 {font-size:2.286em; font-weight:normal; line-height:1.25em; margin-bottom:0.469em;} /* 32px/40px with 15px margin below */

h2 {font-size:1.714em; font-weight:normal; line-height:1.25em; margin-bottom:0.417em;} /* 24px/30px with 10px margin below */

h3 {font-size:1.286em; font-weight:normal; line-height:1.389em; margin-bottom:0.556em;} /* 18px/25px with 10px margin below */

h4 {font-size:1em; font-weight:normal; margin-bottom:0;}
		
p {margin:0 0 1.429em;} /* 20px */

blockquote {margin:1.429em; font-style:italic;}

li ul,
li ol {margin:0;}

ul, ol {margin:0 0 1.429em 1.429em; padding:0;}

hr {
	margin:1.429em 0;
	padding:0;
	height:1px;
	color:#e5e2da;
	background-color:#e5e2da;
	border:none;
}

/* 3. Utilities
----------------------------------------------------------------------------------------------------
*/

/* 3.1. General */

.clear {clear:both;} /* simple clear */

.fixer:after, section:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* clear fix class, and fix sections by default */

.ie6 .fixer, .ie7 .fixer, .ie8 .fixer {height:1%;}

.hidden {position:absolute; left:-9999em;}

/* 3.2. Lists */

.noList {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
}

/* 4. Forms
----------------------------------------------------------------------------------------------------
*/

input, textarea, select, option, legend {
	font-family:inherit;
	font-size:inherit;
	color:inherit;
}

button, input, select, textarea {margin:0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */

button {width:auto; overflow:visible;} /* make buttons play nice in IE */

/* 5. Reference
----------------------------------------------------------------------------------------------------

At 14px base size:
	
   * 10px = 0.714em; 
   * 5px = 0.357em;

*/

/* 6. Structure
----------------------------------------------------------------------------------------------------
*/

#page {
	margin:auto;
	width:100%;
	overflow:hidden;
}

/* Go To */

#goTo {
	/* hidden */
	display:none;
}

.js #goTo {
	display:block;
}

.ie6 #goTo {
	display:none;
}

/* Nav */

.js nav {
	display:none;
}

.ie6 nav {
	display:block;
}

nav ol {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;	
}

nav li {
	display:block;
}

.dOnly {
	position:absolute;
	left:-9999em;
}

.ie6 #content, .ie7 #content, .ie8 #content {height:1%; overflow:hidden;}

.ie6 section, .ie7 section, .ie8 section {height:1%; overflow:hidden;}

/* 7. Generic
----------------------------------------------------------------------------------------------------
*/

.chl2_separator {
	margin:0 0.714em;
	color:#ccc;
}

/* 8. Custom
----------------------------------------------------------------------------------------------------
*/

/* Selection colours */

::-moz-selection {
	color:#222;
	background:#cfe5a1;
}
	
::selection {
	color:#222;
	background:#cfe5a1;
}

/* User select */

.chl2_separator {
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}

/* Type */

#logo {
	font-style:italic;
}

#miniLogo {
	float:left;
}

/* IE */

.ie6 #main,
.ie7 #main,
.ie8 #main {
	height:1%;
	overflow:hidden;
}

/* General */

body {
	color:#444;
	background:#ffffff;
}

a {
	color:#69000f;
	text-decoration:none;
}

a:hover {
	color:#222;
}

p {
	margin-bottom:1.429em;
}

.chl2_separator {
	margin:0 0.714em;
}

/* Structure */

#document {
	background:#dadada;
}

#masthead {
	background:#dadada;
	background:url('../images/ui/covid19-banner-980.jpg') no-repeat 0 0;
	/* background:url('../images/ui/bargain-header.jpg') no-repeat 0 0; */
	/*width: 980px;*/
	width: 100%;
	background-size: contain;
	background-position: center bottom;
	height: 325px;
	margin: auto;

}

#masthead section.inner {
	padding:0.714em;
}

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

        #masthead {
                /*width: 100%;*/
		height: 126px;
        }
}

#page {
	position:relative;
	/* shadow */
	-moz-box-shadow:0 4px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);
	box-shadow:0 4px 8px rgba(0,0,0,0.1);	
}

#main {
	margin:auto;
	padding:0.714em;
	background:#fff;
}

section.primary {
	margin-bottom:1.429em;
	position:relative;
}

section.inner {
	padding:1.429em 0.714em;
}

/* Bar */

#bar {
	position:relative;
	color:#fff;
	background:#36649f;
	/* shadow */
	-moz-box-shadow:inset 0 2px 8px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow:inset 0 2px 8px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.1);
	box-shadow:inset 0 2px 8px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.1);	
}

#bar a {
	color:#fff;
	text-decoration:underline;
}

#bar a:hover {
	text-decoration:none;
}

#bar section.inner {
	padding-top:0.357em;
	padding-bottom:0.357em;
}

#bar #user {
	font-size:0.857em;
	font-weight:bold;
	float:right;
}

/* Logo 

#logo {
	margin:0 0 1.429em 0;
	text-align:center;
}

#logo a {
	font-size:2.571em;
	font-weight:normal;
	line-height:1.25em;
	color:#fff;
	text-shadow:2px 2px 0 rgba(0,0,0,0.8);
}

#logo img,
#miniLogo img {
	margin:auto;
	display:block;
}*/

/* Go To */

#goTo {
	/* hidden */
	display:none;
	margin:0 auto 0.714em auto;
	padding:0.357em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#0e2945;
	/* corners */
	-moz-border-radius:0.357em;
	-webkit-border-radius:0.357em;
	border-radius:0.357em;
	/* shadow */
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1);
	box-shadow:0 1px 0 rgba(255,255,255,0.1);
	/* transition */
	-webkit-transition:background 0.2s ease-in-out;
	-moz-transition:background 0.2s ease-in-out;
	transition:background 0.2s ease-in-out;		
}

#goTo:hover {
	background:#12375c;
}

/* Nav */

nav {
	margin:0.357em 0 0.714em 0;
	text-align:center;
}

nav li {
	padding-bottom:0.714em;
}

nav a {
	padding:0.714em 1.429em;
    display:block;	
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
	white-space:nowrap;	
	background:url('../images/ui/gloss.png') repeat-x 0 0;
	background-color:#333132;
	/* corners */
	-moz-border-radius:0.357em;
	-webkit-border-radius:0.357em;
	border-radius:0.0em 0.0em 0.357em 0.0em;
	/* transition */
	-webkit-transition:background 0.2s ease-in-out;
	-moz-transition:background 0.2s ease-in-out;
	transition:background 0.2s ease-in-out;	
}

nav a:visited {
	color:#fff;
}

nav a span {
	font-size:1.286em; /* 18px */
	line-height:1.111em;
}

nav a:hover {
	color:#fff;
	background-color:#535252;
}

nav .chl2_active a,
nav .chl2_active a:hover {
	color:#fff;
	background-color:#000;
}

.ie6 nav,
.ie6 nav ol,
.ie6 nav li,
.ie6 nav a {
	position:relative;
	height:1%;
	overflow:hidden;
}

.ie6 nav li.chl2_active a {
	background-image:none;
}

/* Sidebar */

.sidebar section {
	margin-bottom:1.429em;
	padding:0.714em;
	background:#fcf293;
	/* corners */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* Search */

#search {
	margin-bottom:0.714em;
	padding:0.714em;
	background:#12375c;
	text-align:center;
	/* corners */
	-moz-border-radius:0.357em;
	-webkit-border-radius:0.357em;
	border-radius:0.357em;
	/* shadow */
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1);
	box-shadow:0 1px 0 rgba(255,255,255,0.1);	
}

#search input {
	vertical-align:middle;
}

#search input[type="text"] {
	margin-right:0.357em;
	max-width:10em;
	border:none;
}

#search .chl2_button {
	margin:0;
	border:none;
}

/* Footer */

footer {
	padding-bottom:1.429em;
	text-shadow:0 1px 0 rgba(255,255,255,0.4);
	background:#f5f3f0;
}

footer h1,
footer h2,
footer h3,
footer h4 {

}

footer h1 {
	margin-bottom:0.385em;
	font-size:1.857em;
	line-height:1em;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

footer h2,
footer h3,
footer h4 {
	font-size:1em; margin-bottom:0.357em;
	font-weight:bold;
	line-height:1.429em;
}

footer a:hover {
	color:#999;
}

footer .fineprint {
	padding-top:0.714em;
}

/* Breadcrumb */

.chl2_breadcrumb {
	margin-bottom:0.833em;
	font-size:0.857em;
}



/* IMPORTANT
----------------------------------------------------------------------------------------------------
DEVELOPERS, do not modify this file.

If your project requires new styles, or modifications, please include them in a new CSS file.

----------------------------------------------------------------------------------------------------
*/

// Campaigns

#campaigns {
	margin-bottom:@20px;
	position:relative;
	text-align:center;
	.border-radius(@8px);
}

#campaigns li {
	display:block;
}

#campaigns img {
	display:block;
	width: 100%;
}

#campaigns .feature,
#campaigns .pager {
	margin:auto;
	width: 100%;
}

#campaigns .pager {
	display: none;
}

#campaigns .banner,
#campaigns .pager a {
	display:block;
}

#campaigns .pager a {
	border:@4px solid @border;
}

#campaigns .pager img {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#campaigns .pager {
	margin:@25px auto 0;
	overflow:hidden;
}

#campaigns .pager li {
	display: inline;
	width: 11%;
	float: left;	
}

#campaigns .pager li.last {
	margin:0;
}

#campaigns .pager a {
	margin:auto;
	max-width:80px;	
}

#campaigns .pager .selected a,
#campaigns .pager a:hover {
	border-color:#222;
}

#campaigns .prev,
#campaigns .next {
	position:absolute;
	top:40%;
	opacity: 0.6;
}

#campaigns .prev {
	left:@10px;	
}

#campaigns .next {
	right:@10px;
}

#campaigns .prev span,
#campaigns .next span {
	position:absolute;
	left:-9999em;
}

// Multi-item (per page) cycle, e.g. top news

.cycle.multi {
	margin-bottom:@20px;
}

.cycle.multi p {
	margin:0;
}

.cycle.multi img {
	display:block;
}

.cycle.multi .banner {
	margin-bottom:@10px;
	display:block;
	max-width:268px;	
	border:@4px solid @border;
	float:left;
}

.cycle.multi .pager {
	padding:@5px 0;
	border-top:1px solid @border;
	border-bottom:1px solid @border;
}

.cycle.multi .pager li {
	margin:@2px;
	display:inline-block;
}

.cycle.multi .pager .item a {
	display:block;
	width:@20px;
	height:@20px;
	background:url('../images/ui/controls.png') no-repeat 0 -40px;
	.background-size(40px 60px);
	overflow:hidden;
}

.cycle.multi .pager .selected.item a {
	background-position:-20px -40px;
}

.cycle.multi .pager span {
	position:absolute;
	left:-9999em;
}

.cycle.multi .fixer {
	clear:both;
}

.ie7 {
	.cycle.multi .pager li {
		display:inline;
	}
}

td {
	vertical-align: top;
}