/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

/***
 *
 *	remember to define focus styles!
 *
 */
:focus { outline: 0; }

/***
 *
 *	remember to highlight inserts somehow!
 *
 */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/***
 *
 *	tables still need 'cellspacing="0"' in the markup
 *
 */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

img { border: none; }

.imgmiddle { vertical-align: middle; }
.clear { width: 100%; height: 0; padding: 0; clear: both; }
.cleardiv { width: 100%; height: 1px; clear: both; }
.clear5 { width: 100%; height: 5px; clear: both; }
.clear10 { width: 100%; height: 10px; clear: both; }
.strongtext { font-weight: bold; }
.bold { font-weight: bold; }
.inline { display: inline; }
.fll { float: left; }
.flr { float: right; }
.center { margin-left: auto; margin-right: auto; }

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/***
 *
 *	Horizontal Rule <hr />
 *
 */

hr
{
	background: #000;
	background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
	background-image:    -moz-linear-gradient(left, #fff, #ccc, #fff);
	background-image:     -ms-linear-gradient(left, #fff, #ccc, #fff);
	background-image:      -o-linear-gradient(left, #fff, #ccc, #fff);

	border: 0;
	clear: both;
	height: .1em;
	margin: 0 2.2em;
}


* { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }


body
{
	background-color: #d0d0d0;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

#outer
{
	color: #002F43;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0;
	position: relative;
	max-width: 980px;
}


#header
{
	background-image: url(../assets/images/background-masthead.jpg);
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
	height: 235px;
	margin: 0 auto;
	position: relative;
	max-width: 980px;
}
	#logo
	{
		background-image: url(../assets/images/mynewsagent-logo.png);
		background-repeat: no-repeat;
		height: 70px;
		position: absolute;
		right: 280px;
		top: 80px;
		width: 403px;
		z-index: 1;
	}
	img.just-ask-header-image { cursor: pointer; position: absolute; top: 5px; right: 10px; z-index: 5; }

@media screen and (max-width: 980px)
{
	#navigation { display: none; }
}

@media (max-width: 850px)
{
	#imageblend { display: none; }
	#comment { display: none; }
}
@media (max-width: 710px)
{
	#logo { background-position: center center; height: 235px; left: 0; margin: 0 auto; position: relative; top: 0; width: 100%; }
	img.just-ask-header-image { display: none; }
}
@media (max-width: 450px)
{
	#logo { background-size: contain; max-width: 90%; }
}


#inner
{
	background-color: #ffffff;
	clear: both;
	margin: 0 auto;
	max-width: 980px;
	padding: 20px 0 0;
	text-align: left;
}


.welcomeback {
	background-color: #ffffff;
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: right;
	max-width: 980px;
}
	.welcomeback p { padding: 0 30px; }
	.welcomeback a { color: #002F43; font-weight: bold; text-decoration: none; }


#contentcontainer
{
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 980px;
	padding: 0;
	text-align: left;
}


#introcontent
{
	padding: 0 30px;
	position: relative;
}


#introtxt
{
	line-height: 1.3em;
	margin: 0 auto;
	max-width: 920px;
	position: relative;
	text-align: left;
}


.rh-mag-banner
{
	cursor: pointer;
	display: block;
	max-height: 320px;
	line-height: .9em;
	margin: 0 0 30px 30px;
	padding: 0 0 30px;
	position: relative;
	float: right;
	max-width: 450px;
}
	#statement
	{
		cursor: pointer;
		font-weight: bold;
		margin: 0 0 20px;
		text-align: center;
	}
	#rotate
	{
		background-color: #ffeedd;
		border: 1px solid #cccccc;
		border-radius: 12px;
		float: right;
		margin: 0;
		padding: 20px;
		position: relative;
		overflow: hidden;
	}
	#rotate div { display: none; }
	#rotate div img { background-color: #ffffff; border: 1px solid #ccc; float: right; margin: 0 0 2px 10px; padding: 20px; }
	#rotate div p { display: inline; font-size: 13px; margin: 0 5px 0 0; }
	#rotate div#banner { display: block; }
	#rotate .order-link { bottom: 0; position: absolute; right: 0; z-index: 999999; }

	@media screen and (max-width: 710px) {
		.rh-mag-banner
		{
			clear: both;
			float: none;
			margin: 0 auto 30px;
			position: relative;
			max-width: 90%;
		}
	}


#advertorial
{
	width: 345px;
	height: 300px;
	float: right;
}

#footer
{
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: left;
	max-width: 980px;
}
	#footer p { line-height: 1.4em; margin: 0 0 20px; padding: 0 15px; }
	#footer a { color: #0000ff; padding: 4px; text-decoration: none; }
	#footer a:hover { color: #000000; background-color: #ffffff; }

.help_question
{
	border: 1px solid #ddd;
	border-radius: 3px;
	color: blue;
	display: block;
	line-height: 1.6em;
	padding: 6px;
	text-decoration: none;
}
	.help_question:hover { background-color: #eeeeee; }
	.help_answer
	{
		border: 1px solid #ccc;
		border-radius: 3px;
		background-color: #eeeeee;
		margin: 0 0 15px;
		padding-bottom: 10px;
		position: relative;
		-webkit-border-radius: 5;
		-moz-border-radius: 5;
		border-radius: 5px;
		-webkit-box-shadow: 0px 5px 8px #666666;
		-moz-box-shadow: 0px 5px 8px #666666;
		box-shadow: 0px 5px 8px #666666;
	}
	.help_close
	{
		margin: 0 0 20px 0;
		text-align: right;
		width: 100%;
	}
	.help_close img { float: right; height: 20px; margin: 10px; }
	.help_answer p, help_answer ul { padding: 0 15px; max-width: 90%; }

/*	Comments */
#comment { float: left; position: absolute; right: 0; top: 200px; text-align: left; width: 700px; padding: 3px 0 3px; z-index: 2; }
#comment p { display: none; }
#comment p#cbanner { color: #ffffff; display: block; font-size: 110%; }

.preloadimage { height: 0; overflow: hidden; }


/***
 *
 *	EU Cookie & Session Statement
 *
 */
.c-statement {
	background-color: #ffffff;
	/*border-top: 1px solid #000;*/
	color: #777;
	line-height: 1.3em;
	margin: 0 auto 30px;
	padding: 20px 0;
	position: relative;
	text-align: left;
	max-width: 980px;
}
	.c-statement p {
		margin-bottom: 20px;
		padding: 0 30px;
		text-align: left;
	}
	.c-statement .secure-site-icon {clear: both; text-align: right; width: 100%;}
	.c-statement .secure-site-icon img { margin: 0 20px 0 0; }


/*
 *	New styles
 *	##########
 */
.pagetitle { font-size: x-large; font-weight: 300; margin: 0 0 30px; }
.sectionhead { margin: 30px 0; font-size: medium; font-weight: bold; }
.sectionheadT { margin: 0 0 30px 0; font-size: medium; font-weight: bold; }
.blq { margin: 0 30px 30px; }
.blqn { margin: 0 30px; max-width: 430px; }

/*	Margins */
.mar10 { margin: 10px; }

.mart10 { margin-top: 10px; }
.mart20 { margin-top: 20px; }
.mart30 { margin-top: 30px; }

.marr10 { margin-right: 10px; }
.marr20 { margin-right: 20px; }
.marr30 { margin-right: 30px; }

.marb10 { margin-bottom: 10px; }
.marb20 { margin-bottom: 20px; }
.marb30 { margin-bottom: 30px; }

.marl10 { margin-left: 10px; }
.marl20 { margin-left: 20px; }
.marl30 { margin-left: 30px; }

/*	Padding */
.pad5 { padding: 5px; }
.pad6 { padding: 6px; }
.pad7 { padding: 7px; }
.pad8 { padding: 8px; }
.pad9 { padding: 9px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }

ul.ul-content li { margin-left: 25px; }

/*	Colours */
.color-blue { color: #00f; }

.paymenterror {
	border: 1px solid #ccc;
	margin: 0 0 30px 0;
	padding: 15px;
	background-color: #eee;
}
.paymenterror p {
	font-size: medium;
	margin: 0 0 30px 0;
}
.box-shadow-small {
	box-shadow: #888 5px 5px 5px;
	-webkit-box-shadow: #888 5px 5px 5px;
	-moz-box-shadow: #888 5px 5px 5px;
}
.box-shadow-large {
	 box-shadow: #888 5px 30px 30px;
	 -webkit-box-shadow: #888 5px 30px 30px;
	 -moz-box-shadow: #888 5px 30px 30px; 
}
.box-shadow-small-mags {
	box-shadow: #888 5px 5px 5px;
	-webkit-box-shadow: #888 5px 5px 5px;
	-moz-box-shadow: #888 5px 5px 5px;
}

/*
@media (max-width: 410px) {
	body, #outer { padding: 0; }
	#header { height: 190px; }
}
*/