#header {
	height: 80px;
	width: 100%;
	background-image: url(http://www.calories.co.nz/images/bg-header.png);
	background-repeat: repeat-x;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

html, body, #wrapper{ 
      margin-right:auto;
      margin-left:auto;}


#header-container {
	height: 80px;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
#logo-container {
	float: left;
	height: 80px;
	width: 421px;
}
#search-container {
	float: right;
	height: 80px;
	width: 553px;
	text-align: right;
	line-height: 80px;
	margin-top:10px;
}
#content-container {
	clear: both;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
#heroshot-container {
	float: left;
	height: 423px;
	width: 284px;
}
#cta-container {
	float: right;
	width: 553px;
}
#cta-container img {
	padding-right: 10px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#logo-container img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#promotions {
	background-image: url(http://www.calories.co.nz/images/bg-btf.png);
	background-repeat: repeat-x;
	clear: both;
	width: 100%;
}
#promotions-container {
	clear: both;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#promotions-container br {
	clear: both;
}
.promotions-box {
	width: 304px;
	margin-left:10px;
	float:left;
	border: 1px solid #003366;
	background-color: #FFFFFF;
}
.promotions-box h2 {
	font-size: .9em;
	color: #FFFFFF;
	background-color: #003366;
	margin: 0px;
	padding: 5px;
}
.promotions-box p {
	font-size: .8em;
	margin: 0px;
	padding: 5px;
	text-align: left;
}
#footer {
	background-image: url(http://www.calories.co.nz/images/bg-footer.png);
	background-repeat: repeat-x;
	width: 100%;
	clear: both;
}
#footer-container {
	font-size: .8em;
	color: #666666;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-container a {
	color: #666666;
	padding-right: 5px;
	padding-left: 5px;
}
#global-navigation {
	background-color: orange;
	border-top-style: none;
	margin:0;
	padding:0;
	height:40px;
}
#global-navigation-container {
	line-height: 40px;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
#global-navigation-container ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#global-navigation-container li {
	display: block;
	float:left;
	position:relative;
	padding-left: 25px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
#global-navigation-container a {
	color: #FFFFFF;
	text-decoration: none;
	float:left;
	display:block;
}
#global-navigation-container a:hover {
	text-decoration: underline;
}

#contextual-navigation {
	float: left;
	width: 200px;
}
#contextual-container {
	background-color: #D9ECFF;
	margin-top: 10px;
	margin-right: 10px;
}
#contextual-container h2 {
	font-size: 1em;
	color: #003366;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 10px;
}
#contextual-container ul {
	padding-left: 10px;
	list-style-type: none;
	padding-bottom: 10px;
}
#contextual-container li {
	line-height: 1.5em;
	font-size: .9em;
}
#contextual-container a {
	color: #003366;
}
#right-content {
	float: right;
	width: 774px;
	margin-top: 10px;
}
.review-summary {
height:300px;
	margin-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	clear: both;
}
.review-summary h2 {
	font-size: 1.1em;
}
.review-summary img {
	float: left;
	padding-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 40px;
}
.review-summary p {
	font-size: .9em;
}
#review-detail {
}
#review-detail h1 {
	font-size: 1.2em;
}
#review-detail img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
#review-detail hr {
	clear: both;
}
#review-detail p {
	font-size: 0.8em;
}
.clearingElement {
	clear: both;
}

#review-detail td {
	font-size: .9em;
}
#comparison-table {
	font-size: .85em;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.comparison-winner img {
	padding-right: 10px;
}
#contextual-container p {
	font-size: .8em;
	color: #003366;
	padding-right: 10px;
	padding-left: 10px;
}.content-detail h1 {
	font-size: 1.2em;
	margin-top: 0px;
	padding-top: 0px;
}
#dynamic-text {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
#dynamic-text img {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

#dynamic-text h1 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 1.6em;
}
#dynamic-text h2 {
	font-size: 1.2em;
}
.redText {
	color: #FF0000;
}
#content-container #dynamic-text #readable-headline {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}
.floatLeft {
	float:left;
	padding-right:10px;
}
/*comparison page styles*/
.left25{
	float:left;
	width:25%;
}
.right75{
	float:right;
	width:75%;
}
.left33{
	float:left;
	width:33%;
}
.right66{
	float:right;
	width:66%;
}
.contextualNavigation{
	padding:10px;
	background-color: #D9ECFF;
	margin:10px;
}
.contextualNavigation h2{
	color:#036;
	font-size:1em;
	margin-top:0;
	padding-top:0;
}
.contextualNavigation ol{
	margin-left:10px;
	padding-left:10px;
}
.contextualNavigation li{
	padding-bottom:10px;
	font-size:.8em;
}