html, body {
	margin: 0;
	padding: 0;
	font: bold 9pt Arial, Helvetica, sans-serif;
}
img {
	vertical-align: middle;
	border: 0;
	padding: 0;
	margin: 0;
	
}
A:link, A:visited, A:active{
	font: bold 9pt Arial, Helvetica, sans-serif;
	text-decoration: none;
}
	A.inLink:link, A.inLink:visited, A.inLink:active{
		font-size: 7pt;
	}
	
P{ 
	padding: 0 0 10px 0; 
	margin: 0;
	font: normal 9pt/16px Arial, Helvetica, sans-serif;
	color: #8C8C8C;
}
ul{
	margin: 0 0 10px 2px;
	padding: 0 10px 0 15px;
}
ol{
	margin: 0 0 10px 7px;
	padding: 0 10px 0 15px;
}
	li{
		font: normal 9pt/16px Arial, Helvetica, sans-serif;
		color: #8C8C8C;
	}
/************* MAIN STRUCTURAL CONTANERS ******************/
#header { 
	padding: 30px 0 5px 60px; 
	width: 750px;
	height: 83px;
}
	#headText {
		margin: 0 0 0 10px;
		font: bold 11pt Arial, Helvetica, sans-serif;
	}
#rosette{
	z-index: 10;
	position: absolute;
	top: 15px;
	left: 15px;
}
#subhead {
	padding: 8px 0 2px 70px;
	font: italic 11pt "Times New Roman", Times, serif;
}
	#navControl{
	z-index: 10;
	position: absolute;
	top: 124px;
	left: 355px;
	width: 420px;
	}
	ul#navigation {
		list-style: none;
		padding: 0 0 0 15px;
		margin: 0;
	}
		#navigation li {
			position: relative;
			font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
		}
			li.topNav{
				float: left;
				padding: 0.2em 20px 0.2em 5px;
				border-style: solid;
				border-width: 0;
				border-left-width: 1px;
				cursor:pointer;
				display:block;
				height:19px;
				line-height:22px;
			}
		
		li.topNav ul {
			list-style: none;
			display: none;
			position: absolute;
			top: 17px;
			left: 0;
			text-align: left;
			padding: 5px 0 5px 5px;
			margin: 0;
		} 
			#navAbout{
				width: 70px;
			}
			#navCurrent{
				width: 95px;
				}
			#navExtra{
				width: 57px;
			}
			#navAdvert{
				width: 95px;
			}
			#navContact{
				width: 77px;
			}
		li:hover ul, li.over ul{ display: block !important;}
		#navigation A.topNav:link, A.topNav:visited, A.topNav:active{
			font-weight: normal;
			text-decoration: none;
				
			
		}
		#navigation A.subNav:link, A.subNav:visited, A.subNav:active{ 
			font: normal 7pt Verdana, Arial, Helvetica, sans-serif;;
			text-decoration: none;
				}
#subscribe{
	z-index: 2;
	position: absolute;
	top: 495px;
	left: 70px;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
#artematician{
	z-index: 2;
	position: absolute;
	top: 530px;
	left: 780px;
}
#footer{
	padding: 15px 0 0 70px;
	font: normal 9pt Arial, Helvetica, sans-serif;
}
.easyLogo{
	font: bold 1.2em Arial, Helvetica, sans-serif;
}
#container {
	width: 100%;
}	

#container_bottom {
	width: 100%;
	background:#ba0e1c url(../images/SC_bottom.jpg) left no-repeat;
	height:80px;
}	
	/* Actual Page Content */
	#maincontent{
		z-index: 2;
		top: 145px;
		left: 47px;
		width: 713px;
		
	}
	
	#thanks{
		width: 726px;
		height:150px;
		text-align:center;
		padding-top:150px;
		
	}
		/* Text Content on the Left */
		.leftContent{
			float: left;
			width: 375px;
			padding: 0 20px 0 20px;
		}
			.noScrollPage{
				width: 355px;
				padding: 0 20px 0 40px;
			}
			H1{
				margin: 20px 0 5px 0;
				background-position: left center;
				font: normal 14pt Arial, Helvetica, sans-serif;
			}
			H2{
				font: normal 9pt/16px Arial, Helvetica, sans-serif;
				margin: 0 0 10px 0;
			}
			.highlight{
				font: bold 9pt Arial, Helvetica, sans-serif;
			}

		/* Area on the Right */
		.rightContent {
			float: right;
			width: 310px;
			padding-top: 50px;
			text-align: center;
		}
			.lowPad{
				padding-top: 20px;
			}
			#subImage{
				text-align: left;
			}
			
/************* Scroller Components *************/
div.controller{
	display: none;			/* hide controller for users with JS disabled */
	line-height: 1px;
}
div.scroller{
	overflow-x: hidden;
	overflow-y:	auto;			/* provide default controls for users with JS disabled */
	position: relative;
}
	div.scrollinner{
		position: absolute;
		left: 0px;
		top: 0px;
		margin-right: 20px;
	}
	.singleScroll{
		width: 390px; 
		height: 365px;
	}
	.menuScroll{
		width: 390px; 
		height: 355px;
	}
	.recipesScroll{
		width: 390px; 
		height: 320px;
	}
	.issuesScroll{
		width: 420px; 
		height: 385px;
	}
		.bitesRecipeScroll{
			width: 320px; 
			height: 360px;
		}
		.whatIfScroll{
			width: 175px; 
			height: 130px;
		}
		.easyTipsScroll{
			width: 150px; 
			height: 231px;
		}
/*********** Page specific styles *************/
	/* Home Page */
	.easyhealth{
		border: dashed 1px #008E8F;
		margin: 40px 10px 0 0;
		padding: 10px 50px 5px 10px;
	}
		A.health:link, A.health:visited, A.health:active{
			color: #008E8F;
		}
			A.health:hover{
				color: #8C96C7;
			}
	.freeStar{
		position: relative;
		margin-top: -40px;
		margin-left: -40px;
	}
	.euroStar{
		position: relative;
		margin-top: -40px;
		margin-right: -40px;
	}
		.homeBorders{
			width: 280px;
			margin: 10px auto;
			text-align: left;
			border: solid 4px #ABABAB;
		}
			.newsletter{
				background-color: #8C96C7;
				padding: 2px 5px;
				font: bold 9pt Arial, Helvetica, sans-serif;
				color: #FFFFFF;
			}
			.magazine{
				background-color: #74A5CD;
				padding: 2px 5px;
				font: bold 9pt Arial, Helvetica, sans-serif;
				color: #FFFFFF;
			}
			.panelContent{
				padding: 5px;
			}
	/* Food Bites Page */
	#bitesLeftCol{
		float: left;
		width: 340px;
		padding: 0 5px 0 20px;
	}
	#bitesRightCol{
		float: right;
		width: 340px;
		margin-top: 20px;
		padding: 0 15px 0 5px;
	}
		.bitesSections{
			margin: 0 0 5px 0;
			border-style: dashed;
			border-width: 1px;
		}
		#bitesRecipe {
			padding: 10px 0 10px 10px; 
		}
		#bitesGraphic li{ width: 280px; vertical-align: text-top;}
	/* 5 Day Menu */
	#navDays{
		list-style: none;
		padding: 0;
		margin: 0;
	}
		#navDays li {
			position: relative;
		}
			li.dayNav{
				float: left;
				padding: 1px 3px;
				border-style: solid;
				border-width: 1px;
			}
	/* Best Reader Recipe */
	.recipeArea{
		width: 240px;
		margin-left: 20px;
		padding: 10px 20px 0 10px;
		text-align: left;
		border-style: dashed;
		border-width: 1px;
	}	
	/* Competitions Page */
	#compsLeftCol{
		float: left;
		width: 345px;
		padding: 0 5px 0 20px;
	}
	#compsRightCol{
		float: right;
		width: 345px;
		padding: 0 5px 0 5px;
	}
		.compsSections{
			margin: 0 10px 5px 0;
			padding: 10px; 
			border-style: dashed;
			border-width: 1px;
		}
	/* Next Issue Page */
	P.issueOnSale{
		font-size: 20pt;
	}
	P.issueRecipes{
		margin-top: 10px;
	}
	P.issuePlus{
		margin: 30px 0 0 50px;
		width: 150px;
	}
	
	/* Recipe Database */
	A IMG.recipes, A IMG.backIssue, A IMG.video{
		border: solid 1px white;	
	}
	A:hover IMG.recipes, A:hover IMG.backIssue, A:hover IMG.video{
		border: solid 1px #61002B;
	}
		IMG.recipes{
			width: 131px;
			height: 143px;
		}
	/* Video Page */
	#videoLeftCol{
		float: left;
		width: 340px;
		padding: 0 5px 0 30px;
	}
	#videoRightCol{
		float: right;
		width: 340px;
	}
		IMG.video{
			width: 212px;
			height: 150px;
		}
		p.videopara{
			width: 205px;
			font: normal 8pt/12px Arial, Helvetica, sans-serif;
			padding-bottom: 5px;
		}
	
	/* Vital Statistics Page */
	P.smallprint{
		font: normal 7pt/10px Arial, Helvetica, sans-serif;
		margin-top: 20px;
	}
	#downloadRates{
		width: 170px;
		padding: 10px 10px 0 10px;
		margin: 50px 0 0 60px;
		border: dashed 1px #8C8C8C;
	}
		#pdf{
			background: url(../images/pdf.jpg) no-repeat;
			background-position: right top;
			padding: 0 0 10px 0;
		}
	#adobeLink{
		margin: 10px 0 10px 166px;
	}
	/* Press Clippings */
	#press .source{
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: #333333;
	}
	#press .date{
		font: normal 9pt Arial, Helvetica, sans-serif;
		color: #333333;
		margin-bottom: 10px;
	}
	#press .title{
		font: bold 10pt Arial, Helvetica, sans-serif;
	}
	
	/* Subscribe Page */
	.subscribePhone{
		font: bold 12pt Arial, Helvetica, sans-serif;
		display: block;
		padding-top: 20px;
	}
	
	/* Back Issues Page */
	.thumbRow{
		position: relative;
		margin: 0 15px 15px 15px;
	}
	div.thumb{
		float: left;
		margin: 4px;
	}
		IMG.backIssue{
			width: 72px;
			height: 97px;
		}
	/* Email Forms */
	.label{
		font: 8pt normal Verdana, Arial, Helvetica, sans-serif;
		margin-top: 5px;
	}
	.leftInput{
		font: 8pt normal Verdana, Arial, Helvetica, sans-serif;
		width: 340px;
	}
	.rightInput{
		font: 8pt normal Verdana, Arial, Helvetica, sans-serif;
		width: 280px;
	}
	.resetButton{
		font: 8pt normal Verdana, Arial, Helvetica, sans-serif;
		width: 120px;
		padding: 5px;
		margin-top: 17px;
	}
	.sendButton{
		font: 8pt normal Verdana, Arial, Helvetica, sans-serif;
		width: 160px;
		padding: 5px;
		margin-top: 17px;
	}
	/* Contact Page */
	.contactName{
		font-style: italic;
	}
	P#contact{
		font: normal 9pt/14px Arial, Helvetica, sans-serif;
	}
.button_byenow{
background:url(../images/btn-buy-now.jpg);
height:30px;
width:100px;
font-size:15px;
border:0px solid #000000;
color:#FFFFFF;
font-weight:bold;
}