@charset "UTF-8";
/* fitfoods.ca CSS Document */

/* general text style */
body {
	/* background-color:#ffffff; */
	background-color:#efefef;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#333333;
	font: normal 11px Verdana;
	line-height:175%;
}

p {
	color:#333333;
	font: normal 11px Verdana;
	line-height:175%;
}

h1 {
	font: bold 18px Verdana;
}

h2 {
	font: bold 16px Verdana;
}

h3 {
	font: bold 14px Verdana;
}

h4 {
	font: bold 12px Verdana;
}

h5 {
	font: bold 11px Verdana;
	margin-bottom:0px;
	margin-top:10px;
}

.misc {
	color:#333333;
	font: normal 9px Verdana;
	line-height:175%;
}

.red {
	color:#990000;
}

.white {
	color:#FFFFFF;
}

.header {
	color: #006699;
	font-weight: bold;
}


ul {
	margin:0px;
	padding-left:1.5em;
}
ul li {
	margin:0px;
	padding:0px 0px 5px 0px;
	list-style-image:url(../images/triangle_darkgrey.png);
}

ol {
	margin:0px;
	padding-left:1.5em;
}

ol li {
	margin:0px;
	padding:0px 0px 5px 0px;
}

hr {
	border-top-width:1px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-color:#999999;
}

img {
	border:none;
}

/* top navigation bar style */
.solidblockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font: normal 11px Verdana;
	/*letter-spacing:1px;*/
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
	background: #666666 url(../images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
	display: inline;
}

.solidblockmenu li a{
	float: left;
	color: white;
	padding: 8px 24px;
	text-decoration: none;
}

.solidblockmenu li a:visited{
	color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: white;
	background: transparent url(../images/blockactive.gif) center center repeat-x;
}

/* container style */
#container {
	margin: 0px auto;
	text-align: left;
	width: 800px;
	background-color:#ffffff; /* added this part, so can have grey bg */
	padding:0px 30px 30px 30px; /* added this part, so can have grey bg */
}

#header {
	text-align: left;
	margin: 10px 0px;
	width:184px;
	float:left;
}

#tagline {
	text-align: right;
	color:#333333;
	float:left;
	width:616px;
	margin-top:18px;
}

#slidercontainer {
	background-color:#98000B;
	background-image:url(../images/banner_background.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:260px;
	padding:0px;
	margin:0px;
}

#feature {
	width: 580px;
	float: left;
}

#featuretab {
	width: 200px;
	height: 22px;
	background-image:url(../images/rounded_tab.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#ffffff;
	padding: 5px 0px 3px 0px;
	margin:0px;
	border:none;
}

#featurebox {
	width: 558px;
	height:259px;
	border:1px solid #999999;
	background-color:#ffffff;
	margin:0px;
	padding: 10px 10px;
}

#subfeature_manufacturing {
	/*width: 155px;
	height: 44px;
	border: none;*/
	/*background-image:url(../images/banner_subfeature_manufacturing.jpg);
	background-repeat:no-repeat;*/
	float: left;
	/*padding:15px 10px 10px 110px;
	color:#ffffff;
	font-weight:bold;
	text-indent:-9999px;*/
}

#subfeature_distribution {
	/*width: 155px;
	height: 44px;
	border: none;*/
	/*background-image:url(../images/banner_subfeature_distribution.jpg);
	background-repeat:no-repeat;*/
	float: left;
	/*padding:15px 10px 10px 110px;
	color:#ffffff;
	font-weight:bold;
	text-indent:-9999px;*/
}

#space {
	width: 50px;
	float: left;
}

#smallspace {
	width: 20px;
	float: left;
}

#news {
	width: 200px;
	float: left;
}

#newstab {
	width: 200px;
	height:22px;
	background-image:url(../images/rounded_tab.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#ffffff;
	padding: 5px 0px 3px 0px;
	margin:0px;
	border:none;
	font-weight:bold;
}

#newstab a:link, #newstab a:visited {
	color:#ffffff;
}

#newstab a:hover {
	color:#990000;
}

#newsbox {
	width: 164px;
	height:253px;
	/*height:333px;*/
	border-left:8px solid #c6c6c6;
	border-right:8px solid #c6c6c6;
	border-top:none;
	border-bottom:8px solid #c6c6c6;
	background-color:white;
	background-image:url(../images/background_sidenav.jpg);
	margin:0px;
	padding: 10px 10px;
	/* white news box. no background or thick border
	width: 178px;
	height:259px;
	border:1px solid #999999;
	background-color:white;
	margin:0px;
	padding: 10px 10px;*/
}

#morenewsbox {
	width: 164px;
	height:12px;
	border-left:8px solid #c6c6c6;
	border-right:8px solid #c6c6c6;
	border-top:none;
	border-bottom:8px solid #c6c6c6;
	background-image:url(../images/background_sidenav.jpg);
	margin:0px;
	padding: 5px 10px 5px 10px;
	text-align: right;
}

#main {
	width: 580px;
	height: auto;
	float: left;
}

#sidenav {
	width: 200px;
	float: left;
}

#sidenavtab {
	width: 200px;
	height:22px;
	font-weight:bold;
	/*background-image:url(../images/rectangular_tab.png);*/
	background-image:url(../images/rounded_tab.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#ffffff;
	padding: 5px 0px 3px 0px;
	margin:0px;
	border:none;
}

#sidenavtab a:link, #sidenavtab a:visited {
	color:#ffffff;
}

#sidenavtab a:hover {
	color:#990000;
}

#sidenavbox {
	width: 198px;
	border:1px solid #999999;
	background-color:#ffffff;
	margin:0px;
	padding: 0px 0px;
	text-align:left;
}

.tipbox {
	width: 178px;
	height:auto;
	border:1px solid #999999;
	background-color:#ffffff;
	margin:0px;
	padding: 10px 10px;
}

/* body formatting style */
.overviewbox {
	width:280px;
	float:left;
}

.overviewgap {
	width:19px;
	float:left;
}

.overviewtitlebox {
	width:252px;
	padding:2px 13px;
	/*margin-bottom:5px;
	background-color:#ffffff;*/
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	background: url(../images/blockdefault.gif) center center repeat-x;
	color:#ffffff;
}

.overviewtextbox {
	width:252px;
	padding:2px 13px;
	background-color:#ffffff;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	color:#333333;
}

.table {
	border-top:1px solid #999999;
	border-bottom:none; 
	border-left:none;
	border-right:none;
	padding:10px;
	margin:0px;
}


.rowtop {
	background: url(../images/table_rounded_top.png);
	height:30px;
}

.rowbottom {
	background: url(../images/table_rounded_bottom.png);
	height:30px;
}

.rowbottom_grey {
	background: url(../images/table_rounded_bottom_grey.png);
	height:30px;
}

.rowone {
	background-color:#f5f5f5; /*light grey colour*/
	text-align:left;
	vertical-align:top;
}

.rowtwo {
	background-color:#DDE4EA; /* light blue enhanced */
	/*background-color:#E8ECEF; light blue colour */
	/*background-color:#e1e1e1; medium grey colour */
	text-align:left;
	vertical-align:top;
}

.block_brands {
	background-image:url(../images/block_grey.png);
	width:269px;
	height:115px;
	margin:10px;
	text-align:center;
	float:left;
}

div.block_brands img {
	margin:10px;
}

.gallery {
	width:100px;
	height:100px;
	display:inline-block;
	margin: 10px 37px 20px 0px;
	border: 7px solid #cccccc;
}

.gallery_general {
	width:auto;
	height:auto;
	display:inline-block;
	margin: 0px;
	border: 7px solid #cccccc;
}

.gallery_nomargin-right {
	width:100px;
	height:100px;
	display:inline-block;
	margin: 10px 0px 20px 0px;
	border: 7px solid #cccccc;
}

.columnone {
	width: 280px;
	height: auto;
	margin: 0px 20px 0px 0px;
	float:left;
}

.columntwo {
	width: 280px;
	height: auto;
	margin: 0px;
	float:left;
}

/* link style */
a:link {
	color: #333333;
	text-decoration: none;	
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: none;
}

a.block:link {
	color: #333333;
	background-color: #FFFFFF;
	display: block;
	/*float: left;*/
	padding: 10px 10px;
	margin:0px;
	width: 178px;
	text-decoration: none;
}

a.block:hover {
	color: #333333;
	background-color: #DFDFDF; /* light grey colour */
	/*background-color: #E8ECEF;  light blue colour */
	/*background-color:#DDE4EA; light blue enhanced colour*/
	text-decoration: none;
}

a.block:visited {
	color: #333333;
	display: block;
	/*float: left;*/
	padding: 10px 10px;
	margin:0px;
	width: 178px;
	text-decoration: none;
}

a.bluelink:link, a.bluelink:visited {
	/*color: #567D98;*/
	color: #006699;
	text-decoration: none;
}
a.bluelink:hover {
	color: #990000;
	text-decoration:none;
}

a.whitelink:link, a.whitelink:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.whitelink:hover {
	color: #990000;
	text-decoration:none;
}

a.gallery:link, a.gallery:visited {
	width:100px;
	height:100px;
	display:inline-block;
	margin: 10px 37px 20px 0px;
	border: 7px solid #cccccc;
}

a.gallery:hover {
	border: 7px solid #999999;
}

a.gallery_nomargin-right:link, a.gallery_nomargin:visited {
	width:100px;
	height:100px;
	display:inline-block;
	margin: 10px 0px 20px 0px;
	border: 7px solid #cccccc;
}

a.gallery_nomargin-right:hover {
	border: 7px solid #999999;
}

a:link.button, a:visited.button {
	width:80px;
	height:20px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
	background-image:url(../images/button_download.png);
	background-repeat:no-repeat;
	background-position:center;
}

a:hover.button {
	background-image:url(../images/button_download_red.png);
}

a:link.button_website, a:visited.button_website {
	width:80px;
	height:20px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
	background-image:url(../images/button_download_grey.png);
	background-repeat:no-repeat;
	background-position:center;
}

a:hover.button_website {
	background-image:url(../images/button_download_red.png);
}

/* Link style for portals */
a:link.portal_pvl, a:visited.portal_pvl {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-PVL-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_pvl {
	background-image:url(../images/LogoBanner-PVL-On.png);
}

a:link.portal_wheygourmet, a:visited.portal_wheygourmet {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-WheyGourmet-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_wheygourmet {
	background-image:url(../images/LogoBanner-WheyGourmet-On.png);
	/*text-indent:-9999px;*/
}

a:link.portal_ncn, a:visited.portal_ncn {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-NCN-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_ncn {
	background-image:url(../images/LogoBanner-NCN-On.png);
}

a:link.portal_maxxessentials, a:visited.portal_maxxessentials {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-MaxxEssentials-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_maxxessentials {
	background-image:url(../images/LogoBanner-MaxxEssentials-On.png);
}

a:link.portal_mutant, a:visited.portal_mutant {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-Mutant-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_mutant {
	background-image:url(../images/LogoBanner-Mutant-On.png);
}

a:link.portal_tochatea, a:visited.portal_tochatea {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-TochaTea-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_tochatea {
	background-image:url(../images/LogoBanner-TochaTea-On.png);
}

a:link.portal_click, a:visited.portal_click {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-Click-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_click {
	background-image:url(../images/LogoBanner-Click-On.png);
}

a:link.portal_advancedgenetics, a:visited.portal_advancedgenetics {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-AdvancedGenetics-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_advancedgenetics {
	background-image:url(../images/LogoBanner-AdvancedGenetics-On.png);
}

a:link.portal_fusion, a:visited.portal_fusion {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-Fusion-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_fusion {
	background-image:url(../images/LogoBanner-Fusion-On.png);
}

a:link.portal_rippedfreak, a:visited.portal_rippedfreak {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-RippedFreak-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_rippedfreak {
	background-image:url(../images/LogoBanner-RippedFreak-On.png);
}

a:link.portal_jskpro, a:visited.portal_jskpro {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-JSKPro-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_jskpro {
	background-image:url(../images/LogoBanner-JSKPro-On.png);
}

a:link.portal_naturespath, a:visited.portal_naturespath {
	width:190px;
	height:95px;
	display:inline-block;
	background-image:url(../images/LogoBanner-NaturesPath-Off.png);
	/*text-indent:-9999px;*/
}

a:hover.portal_naturespath {
	background-image:url(../images/LogoBanner-NaturesPath-On.png);
}