﻿
/* Layout Stylesheet */ 

body{
 margin: 0;
 padding:0;
 background: #FFFFFF url(/images/webimages/main_bg.jpg) top left repeat-x;
 color: #333333;
 font-family:Arial,Verdana,MS Sans Serif;
 
 }
	 
div#container {
 background:  url(/images/webimages/footer.jpg) bottom left repeat-x;
height:600px;
min-height:600px;
}
      html>body div#container{height:auto}

 
#adminheader{
 height:35px;
 background:#FFFFFF;
 color:#707077;
 border:solid #D8D8D8;
 border-width:1px 1px;
 margin:5px 20px 0px 20px; 
 font-size:14px;
 font-weight:bold;
 padding:10px 10px 0px 25px;
 }

#adminleftcol{
 position: absolute;
 top: 57px;
 left: 20px;
 width: 260px;
 border: 1px solid #D8D8D8;
 background: #FFFFFF;
 color: #000000;
 margin: 0px;
 padding: 0px;
 height: 700px;
 }

#adminrightcol{
 margin: 0px 20px 20px 280px;
 border: 1px solid #D8D8D8;
 background: #FFFFFF;
 color: #000000;
 padding: 10px 0 0 0;
 position :relative;
 height:690px;
 top:5px;
 font-size:12px;
 }

/* layout for category admin*/
 
#adminpageheader{
 width: 100%;
 height: 40px;
 margin: 0;
 background: #ffffff;
 color: #000000;
 padding-left:25px;
 }
     
#adminpageleftcol{
 width: 200px;
 float: left; 
 background: #ffffff;
 color: #000000;
 margin: 0;
 padding:10px 0 0 0;
 height:550px;
 }

#adminpagerightcol{
 background: #ffffff;
 color: #000000;
 margin: 0;
 padding:13px 0 0 0;
 border: 0;
 height:555px;
 }

#adminpageleftcol ul
{
	list-style-type:none;	
	line-height:20px;
}
#adminpagerightcol ul
{
	list-style-type:none;	
	line-height:20px;
}
/* end of cateogyr layout*/

/* Presentation Stylesheet */ 
h4 {
 margin:0; 
 padding: 5px 0;
 }
/*ul
{
	list-style-type:none;
    line-height:30px;
}*/
.productpreview ul
{
	list-style-type:disc;	
	line-height:15px;
}
.error
{
	color:Red;	
	font-size:11px;
}



#Level1 a, #Level1 a:visited {COLOR: #574915; TEXT-DECORATION: none}
#Level a:hover {COLOR: #574915; TEXT-DECORATION: underline}

#Level2 a, #Level2 a:visited {COLOR: #8E7822; TEXT-DECORATION: none}
#Level2 a:hover {COLOR: #8E7822; TEXT-DECORATION: underline}

#Level3 a, #Level3 a:visited {COLOR: #8E7822; TEXT-DECORATION: none}
#Level3 a:hover {COLOR: #8E7822; TEXT-DECORATION: underline}

A.Level4 {COLOR: #574915; TEXT-DECORATION: none}
A.Level4:visited {COLOR: #574915; TEXT-DECORATION: none}
A.Level4:hover {COLOR: #574915; TEXT-DECORATION: underline}

#Level1 {
	FONT-SIZE: 12px;
	COLOR: #574915;	
	font-weight: bold;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color:#F3D55D;
    border-bottom:solid 1px #D9A943;   
    padding: 4px 0 4px 5px;
}
#Level2 {
	FONT-SIZE: 12px;
	COLOR: #8E7822;	
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color:#F9ECB8;
	border-bottom:solid 1px #D9A943;
	padding:3px 0 3px 7px;
}
#Level3 {
	FONT-SIZE: 11px;
	COLOR: #8E7822;	
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding:2px 0 2px 10px;
	background-color: #FDF7E1;
}
.Level4 {
	FONT-SIZE: 10px;
	COLOR: #574915;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding:0;
	background-color: #FDF7E1;
	line-height:15px;	
}
.Level4Numbers{
	FONT-SIZE: 10px;
	COLOR: #574915;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding:0;
	background-color: #FDF7E1;
	line-height:15px;
	text-align:right;	
}

.Level5 {
	FONT-SIZE: 10px;
	COLOR: #574915;
	LINE-HEIGHT: 14px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding-left:5;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#F3D55D;
}

.productName
{
	 color:red;	
	 font-size:14px;
	 font-weight:bold;
	 padding:12px 0 0px 12px;
 }
.productDescription
{
	 color:#333333;	
	 font-size:11px;
	 font-weight:normal;
	 padding:0px 0 10px 22px;	
}
.activityList
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 padding:0px 0 10px 12px;	
}
.activityList a
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 padding:0px 0 10px 12px;	
}
.activityList a:hover
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 text-decoration:none;
	 padding:0px 0 10px 12px;	
}
.activityList ul
{
	list-style-type:none;	
	line-height:15px;
	margin:0;
	padding:0;
}
.activityList li
{		
	background-image: url(images/bullet.gif);
    background-position: 0% 0%; 
    background-repeat: no-repeat;
    padding-left: 10px;
}
.game
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 padding:0px 0 10px 0;	
}
.game a
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 padding:0px 0 10px 0;	
}
.game a:hover
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 text-decoration:none;
	 padding:0px 0 10px 0;	
}
.game ul
{
	list-style-type:none;	
	line-height:15px;
	margin:0;
	padding:0;
}
.game li
{		
	background-image: none;
    padding-left: 0;
    padding-bottom:10px;
}
.productDescription ul
{
	list-style-type:none;	
	line-height:15px;
	margin:0;
	padding:0;
}
.productDescription li
{		
	background-image: url(images/bullet.gif);
    background-position: 0% 0%; 
    background-repeat: no-repeat;
    padding-left: 10px;
}
.productDescription p
{
    margin-top:5px;
    margin-bottom:5px;
}
.pnlPackage
{
	 color:red;	
	 font-size:14px;
	 font-weight:bold;
	 padding:5px 0 0 0;	 
}
 
.pnlPackage a, .pnlPackage a:visited {COLOR: red; TEXT-DECORATION: underline}
.pnlPackage a:hover {COLOR: red; TEXT-DECORATION: none}

.packageSize
{
	 color:red;	
	 font-size:18px;
	 font-weight:bold;	 
	 padding:5px 0 0 10px;
 }
.pnlFlavour
{
	 color:#666666;	
	 font-size:10px;
	 font-weight:normal;
	 padding:3px 0 3px 0;
}
 
.pnlFlavour a, .pnlFlavour a:visited {COLOR: #666666; TEXT-DECORATION: underline}
.pnlFlavour a:hover {COLOR: #666666; TEXT-DECORATION: none}

.Text {
	FONT-SIZE: 11px;
	COLOR: #666666;
	LINE-HEIGHT: 17.49px;
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.Text A{COLOR: #ffffff; TEXT-DECORATION: none}
.Text A:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
.Text A:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline}

.Facts {
	FONT-SIZE: 11px;
	COLOR: #666666;
	LINE-HEIGHT: 17.49px;
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.Facts ul { 
	list-style-image: url(images/fact-bullet.gif);
	padding-left: 30px;
	margin-top:2px;
	margin-left: 1px;
	color:#666666;
	font-size:11px;
	line-height:15px;
} 
.paralink {
	FONT-SIZE: 11px;
	COLOR: #DD171A;
	LINE-HEIGHT: 17.49px;
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.ParaTitle {
	FONT-SIZE: 12px;
	COLOR: #DB7322;
	LINE-HEIGHT: 17.49px;
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
A.paralink {COLOR: #DD171A; TEXT-DECORATION: underline}
A.paralink:visited {COLOR: #DD171A; TEXT-DECORATION: underline}
A.paralink:hover {COLOR: #DD171A; TEXT-DECORATION:none }


.txtSearch 
{
	FONT-SIZE: 11px;
	COLOR: #666666;	
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	width:95px;
	height:14px;
	background-color:#ffffff;
	border:none;	
	margin-top:7px;
}
#categorynav
{    
    max-height:460px;
	overflow: -moz-scrollbars-none;    
}
.TextSearchNav {
	FONT-SIZE: 11px;
	COLOR: #666666;
	LINE-HEIGHT: 17.49px;
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.TextSearchNav A{COLOR: #666666; TEXT-DECORATION: underline}
.TextSearchNav A:visited {COLOR: #666666; TEXT-DECORATION: underline}
.TextSearchNav A:hover {COLOR: #666666; TEXT-DECORATION: none}

.cmsContent
{
	FONT-SIZE: 12px;
	COLOR: #666666;
	line-height:18px;
	padding-right:100px;
}
.cmsContent a
{
	COLOR: #666666;
    text-decoration:underline;
}
.cmsContent a:hover
{
	COLOR: #666666;
    text-decoration:none;
}
.contactDes
{
	FONT-SIZE: 12px;
	COLOR: #666666;
	padding:30px 90px 20px 10px;
	line-height:18px;
}
.contactLable
{
	FONT-SIZE: 12px;
	COLOR: #666666;
	padding:4px 5px 2px 5px;
}
.contactInput
{
	FONT-SIZE: 12px;
	COLOR: #666666;
	padding:2px 5px 2px 0;
}
.contactTextBox
{
	width:205px;
}

.sitemap
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 padding:3px 0 10px 12px;	
}
.sitemap a
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 padding:3px 0 10px 12px;	
	 text-decoration:none;
}
.sitemap a:hover
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 text-decoration:underline;
	 padding:3px 0 10px 12px;	
}
.sitemap ul
{
	list-style-type:none;	
	line-height:15px;
	margin:0;
	padding:0;
}
.sitemap li
{		
	background-image: url(images/bullet.gif);
    background-position: 0% 20%; 
    background-repeat: no-repeat;
    padding: 2px 5px 2px 10px;
}

.legalCMS a
{
	COLOR: #666666;
    text-decoration:underline;
}
.legalCMS a:hover
{
	COLOR: #666666;
    text-decoration:none;
}
.legalCMS a:visited
{
	COLOR: #666666;
    text-decoration:underline;
}

.refundFormLable
{
	FONT-SIZE: 12px;
	COLOR: #000000;
	padding:6px 9px 2px 5px;
}
.refundFormInput
{
	FONT-SIZE: 12px;
	COLOR: #000000;
	padding:4px 5px 2px 0;	
}

#NFLLevel1 a, #NFLLevel1 a:visited {COLOR: #fff; TEXT-DECORATION: none}
/*#NFLLevel1 a:hover {COLOR: #fff; TEXT-DECORATION: underline}*/


#NFLLevel2 a, #NFLLevel2 a:visited {COLOR: #dd2527; TEXT-DECORATION: none}
#NFLLevel2 a:hover {COLOR: #dd2527; TEXT-DECORATION: underline}


#NFLLevel1 {
	FONT-SIZE: 12px;
	COLOR: #fff;	
	font-weight: bold;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color:#D81010;	
    border-bottom:solid 1px #fff;   
    padding: 4px 0 4px 5px;
}

#NFLLevel2 {
	FONT-SIZE: 11px;
	COLOR: #dd2527;	
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding:2px 0 2px 10px;
	background-color: #F2ACAC;	
}

#OurProducts
{
	FONT-SIZE: 12px;
	COLOR: #574915;	
	font-weight: bold;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color:#F3D55D;   
    padding: 4px 0 4px 5px;
    margin: 0 0 0 10px;
    width: 145px;
}
#OurProducts a, #OurProducts a:visited {COLOR: #574915; TEXT-DECORATION: none}

.NutritionforLifeListHeader
{
	border-bottom:solid 1px #fff;  
}

.NFLContent
{
	 color:#666666;	
	 font-size:12px;
	 font-weight:normal;
	 padding:0px 0 10px 22px;
	 line-height:19px;	
	 height:350px;	 
}

.NFLContent ul
{
	list-style-type:none;	
	line-height:18px;
	margin:0;
	padding:0;
}
.NFLContent li
{		
	background-image: url(images/bullet.gif);
    background-position: 0% 10%; 
    background-repeat: no-repeat;
    padding-left: 10px;
}
.NFLContent p
{
    margin-top:5px;
    margin-bottom:10px;
}

