/* Print CSS for Haysubs website */

/* NOTE:
 * Styling for all printed pages are to be placed here
 * The order of styling is split into areas of:
 * 1: Generic site wide styles (table styling, form styling etc)
 * 2: Specific styling for areas of the site
 */

@media print{
	
* {
	overflow: visible;
	margin: 0;
	}

/* ------------------------------------------------- */
/* hide all common elements not needed for printouts */
/* ------------------------------------------------- */

#accessibility, /* accessibility navigation */
#haymarket, /* haymarket logo */
#siteTools, /* basket area link */
#mainNav, /* main navigation */
#quickFinder, /* quickfinder dropdown */
#subcol, /* side navigation */
#maincol #breadcrumb, /* breadcrumb trail */
#checkoutProgress, /* progress bar for checkout */
#renewalProgress, /* progress bar for checkout */
#hotOffers .titleNav ul, /* navigation for hot offers area */ 
#hotOffers #next, /* next button for hot offers area */ 
#hotOffers #prev, /* previous button for hot offers area */
.skipNav, /* skip link for accessibility purposes */
#smLogo, /* haymarket logo in footer area */
#footerLinks, /* footer links */
#hoverPlaceholder, /* placeholder of magazines on homepage */
#errorMessage, /* error messages */
#subscriberServiceNav, /* subscriber services navigation */
#relatedItems /* related items within magazine detail page */
{
	display: none;
}


body {
	margin: 0!important;
	background: #fff!important;
	background-image:none!important;
	padding:0!important;
	color:#000000!important;
	float:none!important;
	width:98%!important;
	font-family: "Times New Roman", Times, serif!important;
	font-size: 12pt!important;
	}

img,
a img {
	border: 1px solid #cccccc;
}

h1 {
	font-size: 18px;
	margin: 2px 0 4px 0;
	}

h2, h3 {
	font-size:15px;
	}

h4 {
	font-size:13px;
	}

h5, h6 {
	font-size:12px;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif!important;
	line-height: 1.5em;
	font-weight: 700;
	}

p {
	font-family: "Times New Roman", Times, serif!important;
	line-height: 1.5em;
	margin-bottom: 8px;
	}

a {
	color:#D3373B;
	text-decoration:none;
	font-weight:bold;
	}

ul, li, ul li, li a {
	list-style:none;
	background:none;
	margin:0;
	padding:0;
	}

a:link, a:visited {
	text-decoration:underline;
	color:black;
	background:transparent;
	}

table, th, td, tr {
	border:none;
	background:none;
	}

#maincol, #siteLogo {
	float:none!important;
	margin:0 !important;
	padding:0!important;
	position:relative!important;
	left:0!important;
	height:1%; /*ie7 bug fix*/
	margin-bottom:20px !important;
	}

/* promo colour */
.promo {
	color: #ED1C24;
}

/* page specific styling for printouts */
	
#siteLogo #haysubsLogo img,
#siteLogo #haysubsLogo a img {
	border: 0;
}

/* ------------ */
/* form styling */
/* ------------ */
form fieldset {
	margin: 5px 0;
}

form fieldset legend {
	font-size: 14px;
	font-weight: 700;
}

form .formRow {
	margin-bottom: 5px;
}

form .formRow label {
	font-weight: 700;
	margin-right: 5px;
	width: 150px;
	display: inline-block;
}

/* ------------------ */
/* table area styling */
/* ------------------ */
#maincol table {
	width: 80%!important;
	border: 1px solid #cccccc!important;
	margin-bottom:5px!important;
}

#maincol th {
	font-weight: bold!important;
	border-bottom: 1px solid #e1e0ea!important;
	background-color: #eaeaea!important;
	padding: 4px!important;
}

#maincol td {
	border-bottom: 1px solid #e1e0ea!important;
	padding: 4px;
}

/* ------------------------------ */
/* check customer details styling */
/* ------------------------------ */
#maincol .detailsInfo dl {
	margin-bottom: 10px;
}

#maincol .detailsInfo dt {
	font-weight: 700;
	float: left;
	margin-right: 5px;
	width: 150px;
}

/* ---- */
/* home */
/* ---- */
#hotOffers a img {
	margin-bottom: 5px;
}

#hotOffers p {
	margin-bottom: 0;
}

#magHotOfferInfo {
	margin-bottom: 10px;
}

#magazines {
	border: 0;
	page-break-before:always;
}

#magazines .row .mag {
	display: inline-block;
	margin-bottom: 10px;
}

#magazines .row .mag .promo {
	margin: 0;
	border: 0;
}

#homeContent dt{
	font-size: 14px;
	display: inline;
	margin: 0;
}

#homeContent dd {
	font-size: 20px;
	display: inline;
}

/* ------------- */
/* category page */
/* ------------- */
#categoryPage .panel {
	margin-bottom: 10px;
}

#categoryPage .panel h2 {
	font-size: 12px;
	line-height: 1.5em;
}

#categoryPage .panel p {
	margin: 0;
}

#categoryPage .panel a img {
	margin-bottom: 5px;
}

#categoryPage .priceInfo dt {
	font-size:14px;
	font-weight:bold;
	margin-right:3px;
	display: inline;
}

#magArea .magInfo .priceInfo dd {
	font-size:20px;
	font-weight:bold;
	display: inline;
	color: #ed1c24;
}

/* ----------------------------------------- */
/* magazines, bundle and renewal detail page */
/* ----------------------------------------- */
#magazineDetail img,
#bundleDetail img,
#renewalDetail img {
	margin: 5px 0;
}

#magazineDetail dt,
#magazineDetail dd,
#renewalDetail dt,
#renewalDetail dd  {
	display: inline;
}

#magazineDetail dt,
#renewalDetail dt {
	font-weight: 700;
}

#magazineDetail dd,
#renewalDetail dd {
	margin-right: 10px;
}

#magDesc {
	margin-bottom: 10px;
}

#magDesc ul li {
	list-style-type: disc;
	line-height: 1.5em;
	margin-left: 20px;
}

#magThumbs a img {
	height:77px;
	margin-right:13px;
	width:62px;
	display: inline;
}

#orderForm,
#bundleArea {
	margin-bottom: 10px;
}

#bundleArea {
	page-break-before:always; /* creates a new page for these areas of the page */
}

#bundleArea .row div {
	display:inline-block;
	display: -moz-inline-stack;
}

	#bundleArea .row div p {
		display:block;
	}

img.addition {
	border: 0;
}

/* ---------------- */
/* renewals section */
/* ---------------- */
#renewalImg p {
	font-style:italic;
}

#busToolTip,
#medToolTip {
	display: block!important;
	margin-bottom: 5px;
}

/* renewals details page */

#renewals .detailsInfo dl {
	margin-bottom: 10px;
}

#renewals .detailsInfo dt {
	font-weight: 700;
	float: left;
	margin-right: 5px;
	width: 200px;
}

/* ------------------- */
/* subscriber services */
/* ------------------- */
#contactForm .formRow label {
	display: block!important;
}

/* ---------------- */
/* checkout styling */
/* ---------------- */
#termsAndConditions .formRow input,
#termsAndConditions .formRow p {
	display: inline-block;	
}
	
#termsAndConditions label {
	width: auto;
}

/* tooltip styling */
#issueNoToolTip,
#cardSecCodeToolTip {
	display: block!important;
	margin-bottom: 5px;
}

#issueNoToolTip img,
#cardSecCodeToolTip img {
	border: 0;
}

}