/*  CSS */
body
{
	background: #660000;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
	
#outer
{
	width:944px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}	
	
#inner
{
	float:left;
	text-align:center;
	color: #333;
	padding: 0;
	margin:0;
	width: 944px;  
	}

#header
{
	width:944px;
	text-align:left;
	height:38px;
	margin: 0;
	padding: 0;
}

#banner
{
	FLOAT: left;
	background: #fff;
	color: #333;
	border: 0;
	margin-bottom: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 134px;
}

#topmenu
{
	width: 800px;
	background-color:#921A1C;
	margin: 0 0 0 0;
	padding:0 0 0 145px;
	height:24px;
	BACKGROUND-IMAGE: url(../graphics/trademenubg.jpg);
	clear:both;
	border-top:0;
	margin-top: 0;
	
}

#topmenu a
{
	font-size:90%;
}

#pagebody
{
    float:left;
	width:944px;
    padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: url(../graphics/bodybg.jpg) repeat-y;
}
	
#leftcol
{
	width:310px;
	padding:23px 0px 20px 15px; 
	
	float:left;
	background: url(../graphics/leftcolbg.jpg) no-repeat;
}

#maincontent
{
	float: left;
	margin: 0  ;
	padding: 30px 10px 0 13px;
	width: 570px;
	background-color:transparent;
	margin-bottom: 20px;
	
}

#footer
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width: 944px;
	height:40px;
	color: #ffffff;
	background: url(../graphics/tradefooter.jpg) repeat-y;
	padding: 20px 0px 0px 0px;
	text-align: left;
	clear: both;
	font-size: 11px;
}

html>#footer
{
	font-size: x-small;
} 

#footer p
{
    text-align:center;
	line-height:19px;
	padding: 0;
	color: #E5CF84;
}

#footer a
{
	color:#F69F1E;
}

/*  Typography */
	
h1, h2, h3, h4, h5, h6
{
	font-family:  Arial,  Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
		
#maincontent h1, #productdetails h1
{
    margin: 8px 0 8px 0;
	font-size: 24px;
	line-height:22px;
	color:#921A1C;
}

#maincontent p 
{
	font-size:  90%;   
	line-height:22px;
	margin-top:6px
}

.AdminTable
{
	
}

.AdminTable td
{
	font-size:  90%;   
	line-height:22px;
	margin-top:6px
}

.AdminTable th
{
	font-size:  90%;   
	line-height:22px;
	margin-top:6px;
	font-weight: bold;
}

#maincontent h2
{
    margin: 15px 0 15px 0; 
	color:#92191E;
    font-size: 14px;
	font-weight:bold;     
}
	

/* top menu */



#globalnav {
	float:left;
    width: 785px;
	padding:0;
	margin:0;
	list-style:none;
	height: 24px;
	
}



#globalnav LI {
	float:right;
	margin:0;
	padding:0 0 0 0px;

}

#globalnav A {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	padding:3px 10px 3px 10px;
	border-left:1px solid #fff;
	

}

#globalnav A:hover,
#globalnav A:active
{
	color:#F69F1E;
}



	/* General links */
	
a:link, a:visited {
	
	text-decoration : none;
	color:#9F0505;
	background: transparent; 
	}

a:hover {
	
	text-decoration : underline;
	color: #999;
	background: transparent; 
	}

a:active {
	
	text-decoration : none;
	color: #B1531B;
	background: transparent;  
	}





/*menu styles*/

#navcontainer { 

    margin: 40px 0 0 1px;
	padding: 0;
    float: left;
	width: 177px;
	
	

	 }

#navcontainer ul{

    margin: 0px 0 0 0;
    padding: 0;
    list-style-type: none;
	
	

}

#navcontainer li {

    margin: 0 0 4px 0px;
	padding:0 0 0px 0;
	display:inline;

}

#navcontainer li a
{
	display: block;
	padding: 2px 5px 2px 20px;
	border-left: 4px solid #9F0505;
	border-bottom: 1px solid #000000;
	background-color: transparent;
	color: #333333;
	text-decoration: none;
	width: 128px;
	font-size:13px;
	font-weight:bold;
	background-image: url(../graphics/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	line-height:20px; 
}


#navcontainer li a:hover{

	
	color: #9F0505;
	
	background-repeat: no-repeat;
	background-position: 5px 50%;
	border-left: 4px solid #000000;
}


#navcontainer ul ul li { 
	
	margin: 1px 0 0 0;
	padding:0 0 0 0px; 

}

#navcontainer ul ul li a{

	display: block;
    padding: 2px 5px 2px 20px;
    border-left: 4px solid #9F0505;
	border-bottom: 1px solid #000000;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    width: 128px;

    
   font-weight:bold;
    background-image: url(../graphics/arrow2.gif);
    background-repeat: no-repeat;
	background-position: 5px 50%;
    line-height:20px; 

}

#navcontainer ul ul li a:hover{

	color: #9F0505;
	text-decoration: none;
	 font-weight:bold;
	border-left: 4px solid  #E5D573;
	
	

}
#navcontainer ul li a#current{
	color: #9F0505;
	font-weight:bold;
	background-image: url(../graphics/arrow.gif);
}

#navcontainer ul ul li a#current{
	color: #9F0505;
	font-weight:bold;
	background-image: url(../graphics/arrow4.gif);
}

#navcontainer ul ul ul li a#current{
	color: #ffffff;
	font-weight:bold;
	background-image: url(../graphics/arrow5.gif);
}

#navcontainer ul ul ul li { 

	margin: 1px 0 0 0;
	padding:0 0 0 0px; 

}

#navcontainer ul ul ul li a{

	display: block;
	padding: 2px 5px 2px 20px;
	width: 128px;
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
	line-height: 20px;
	background-color:#9F0505;
	border-left: 4px solid #FBF8CD;
	border-bottom: 1px solid #FBF8CD;
	background-image: url(../graphics/arrow3.gif);
	 

}

#navcontainer ul ul ul li a:hover{

	color: #E5D573;
	text-decoration: none;
	font-weight:normal;
	border-left: 4px solid  #E5D573;
	
	

}

/* end menu styles*/


/* Breadcrumbs  */




#breadcrumbs
{
padding: 0;
float:left;
width: 500px;

padding: 20px 0 5px 58px;
font-size: 11px;
}

#breadcrumbs p

{
font-size: 11px;
padding:0px;
margin: 0px;
color: #333;

}

#breadcrumbs a

{
font-size: 11px;
padding:0px;
color:#9F0505;

}

#breadcrumbs a:hover

{
	padding:0px;
	font-size:11px;
	color:#999;
}



	
.imageright
			{
				float: right;
				
				margin: 0 0px 10px 15px;
				border: 0px solid #000000;
			}
			
.imageleft
			{
				
				float: left;
				margin: 0 15px 10px 0px;
				border: 0px solid #000000;
			}
.imagecentre
			{
				float: left;
				margin: 20px 45px 20px 45px;
				border: 0px solid #000000;
			}
			
			
/* =Search Form
----------------------------------------------- */



#searchform, #advsearch {
  background:none;
   width: 200px;
  
 background-color:transparent;
  padding:10px 6px 0px 0px;
  margin:0px;
  font-size:90%;
  color:#0E0A51;

  
  }


 #searchform p, #advsearch p {
font-size:90%;
color:#FF8700;
  }

#searchbox {
  width:120px;
  margin:0px;
  padding:3px;
  
  }
  
  
 /*  Tables */
 
 
 .resultstable {
	
	PADDING: 1px 1px 1px 1px;
	MARGIN: 1px;
    font-size:11px;
	line-height:normal;
	border-color: #91191B;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	

}
.resultstable TABLE {

    PADDING: 1px 1px 1px 1px;
	MARGIN: 1px;
    font-size:11px;
	line-height:normal;
	border-color: #91191B;
	background-color: #91191B;
	border-style: solid;
	border-width: 1px;
	
}
 .resultstable TH {
	 BACKGROUND: #9F0505; 
	 MARGIN: 0px; 
	 VERTICAL-ALIGN: top; 
	 BORDER-LEFT: #921A1C 1px solid; 
	 COLOR: #921A1C;  
	 TEXT-ALIGN: left;
}

 .resultstable  TD {
	MARGIN: 0px;
	VERTICAL-ALIGN: top;
	COLOR: #921A1C;
	TEXT-ALIGN: left;
	border-top-color: #921A1C;
	border-right-color: #921A1C;
	background-color: #FFFFFF;
}

 
 
 /* =Generic Forms
----------------------------------------------- */

td input, td textarea, td select, #searchform input, #advsearch input {
  font-size:90%;
  margin: 0;
  }
input.text {
  background:#fff;
  border:1px solid;
  border-color:#999 #DBDBDB #DBDBDB #aaa;
  color:#333;
  margin: 2;
  width: 70%;
  }
.imgbutton {
  vertical-align:top;
  padding:1px;
  margin:0;
  }
 .img {
  vertical-align:top;
    padding:0;
  margin:0;
  }


.clearboth {
	CLEAR: both
}
.datatable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	
}

.datatable .headerrow {

color: #ffffff;
font-size: 14px;
}



#maincontent p.title { margin: 8px 0 8px 0;	font-size: 24px; line-height:22px; color:#921A1C; text-align:center; }
.titlebar {	background-color:#921A1C; color: #FFF; text-align:center; font-weight:bold;	margin: 0px 0px 10px 0px; padding:3px}

.panel { border: #921A1C solid 0px;	padding-bottom: 10px;}
.panel .title { font-weight: bold; text-align: right; width: 40%; padding-right: 30px; }


.weights {
	width: 252px;
	background-color: #921A1C;
	text-align:center;
	
	padding: 2px 0px 3px 0px;
	font-size:14px;
	margin: 100px 0 10px 0;
	color:#fff
}

.productpanel {
	width: 250px;
	
	border-right: #921A1C solid 1px;
	border-left: #921A1C solid 1px;
	border-bottom: #921A1C solid 1px;
	padding: 0px 0px 0px 0px;
	
	
}

.leftColContent
{
    margin-top: 100px;
}

.productRadio
{
	width:250px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	color:#FFFFFF;
	background-color:#921A1C;
	text-align:center;
}

.productpanel p 
{
	padding: 0px 0px 0px 4px;
}
form { padding:0; margin:0 }
	
	
.productpanel ul { padding-right: 5px; }
.productpanel a.current { text-decoration:underline; }

.messagepanel {	width: 540px; border: #921A1C solid 1px;  padding-bottom: 10px; font-size:14px; }
.messagepanel th {	color: #921A1C; }
.messagepanel .column1 { width: 100px; }
.messagepanel .column2 { width: 400px; }
.messagepanel .column3 { width: 50px; }

.errormsg {	color: #921A1C;	font-style: italic;	text-align: center; }

#leftcol p { color: #921A1C; font-weight: bold; font-size: 90%; }
#leftcol .logindetails 
{
	width: 175px; border: #921A1C solid 1px; border-left:25px; padding: 3px 0px 3px 0px;
	color: #921A1C;	font-weight: bold; font-size: 90%; text-align: center;
}

.txtBox {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}



.salessheetheader1, .salessheetheader2 { color: #CC1010;font-weight: bold;font-size:100%; vertical-align:middle; text-align: left; margin: 5px 5px 5px 5px }
.salessheetheader2 { text-align:left; width: 10%;}

.panel table.salessheet { width: 97%; }
.panel table.salessheet td, .panel table.salessheet td.headingcolumn { font-size:90%; text-align:center;}
.panel table.salessheet  td.headingcolumn { font-weight:bold; text-align:center;}
.panel table.salessheet a { text-decoration: underline; }

.salessheet td
{
	text-align: left;
}

.panel table.admintable { width: 97%; }
.panel table.admintable td, td.headingcolumn { font-size:11px;}
.panel table.admintable  td.headingcolumn { font-weight:bold; text-align:center;}
.panel table.admintable a { text-decoration: underline; }

.admintable td
{
	text-align: left;
}





.salessheet img
{
	border:0px !important;
}

#productdetailsbody {background-color:#FFF; font-size: 13px; }
#producttailpadding { width:110px; height:100px; float:left;}
#productdetails p {text-align:right;}
#productdetails h1 { text-align:center;}
#productdetails img { float:right;  margin: 0px 0px 25px 25px;}


#important { clear:both; border: #000 solid 1px; padding:2px; margin-bottom: 10px;}
#important .bold { font-weight: bold; }

#messagebody { background-color: #FFF;}
#MessageDetails { font-size: 14px; /*padding*/ }
#MessageDetails p { text-align: left;  padding: 0px 20px 5px 20px;}
#MessageDetails .titlebar { text-align:center; }

.divcenter { float:none; text-align: center;  width: 100%; }

#maincontent .orderconfirmtext, #maincontent .orderconfirmtextbold{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#maincontent .orderconfirmtext { font-weight: normal; }
#maincontent .orderconfirmtextbold { font-weight: bold; }
#maincontent .orderconfirmtextbold a { font-size: 10px;  }

#maincontent a { font-size: 90%; }
#leftcol a { font-size: 90%; }

#leftcol #leftheading { margin: 15px 0 15px 0; color:#92191E; font-size: 14px; font-weight:bold; width:200px; text-align:center; }

#leftcol ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }

#maincontent .errortext { font-weight: bold; font-size: 90%; color: #921A1C; text-align: center; }

.NutritionHeader
{
	background-color:#921A1C;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	border:solid 1px #000;
	font-size:90%;
	padding:5px 0px 5px 0px;
}

.NutritionWarning
{
	width: 150px;
	
	font-size: small;
}
.NutritionInformation
{
	width: 300px;
}

.NutritionTitle
{
	text-align: left;
	width: 100px;
	font-size: smaller;
	font-weight:bold;
	padding-left: 5px;
}

.NutritionRight
{
	width: 50px;
	font-size: smaller;
	text-align:right;
}

.ProductFooter
{
	text-align:center;
	width:750px;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-top:0px !important;
	padding:10px 0px 0px 0px;
	float:left;
}

html>body .ProductFooter {width:750px;} /*Firefox and IE 7 */

.ProductFooter p
{
	color:#921A1C;
	text-align:center !important;
	padding:0px !important;
	margin:0px !important;
	font-weight:bold;
}

.ProductBottom, .ProductBottom a , .ProductBottom a:visited, .ProductBottom a:hover
{
	
	background-color:#921A1C;
	color:#FFFFFF;
}

#ProductBody
{
	border:solid 1px #000 ;
	border-bottom:0px;
	width:750px;
	/*padding:0px 40px  0px 40px; */
	float:left;
}

#ProductText
{
	width:375px;
	float:left;
	text-align:left;
	padding: 0 5px 0 35px;
	
	margin-right:20px;
}


html>body #ProductText {margin-right: 10px;width:370px;} /*Firefox and IE 7 */




#ProductTables
{
	
	float:right;
	width:300px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif
	
}

#ProductTables img
{
    border:black thin solid 1px;
}

#ProductTables .imgBorder
{
	width:300px;
	height:250px;
	border:black thin solid 1px;
	background:#FBF8CD;
}

#productdetails 
{
	float:left; 
	text-align: left; 
	/*width:95%; border:solid 1px #000; border-top:0px;*/
	width:750px;
}

#productdetailstable
{
	width: 100%;
	border: #000 solid 1px;
	border-left:0px;
	border-bottom:0px;
	
	
}

#productdetailstable td {  
	font-size: 13px; 
	border: #000 solid 1px; 
	border-top: 0px; 
	border-right: 0px;
	vertical-align:middle;
	padding:0px 0px 0px 10px;	
	height:25px
	}

#productdetailstable td.altRow1,#productdetailstable td.altRow2  {
	background-color:#F0DCD0;
}

#productdetailstable td.altRow2, #productdetailstable td.col2
{
	border-left:0px;
}
#productdetailstable .heading 
{
	background-color:#921A1C; 
	color: #FFF; 
	text-align:center;
	font-weight:bold;	
	padding:10px 10px 10px 10px;
	}
	
#ProductBody h1
{
	 margin: 8px 0 8px 75px;
	font-size: 28px;
	line-height:28px;
	color:#921A1C;
	padding:30px;
}

#productdetailstail 
{
	background: url('../graphics/productsheetheader2.jpg') no-repeat ; 
	float:left; 
	padding:0px 0px 0px 3px;
	margin:0px 0px 0px 3px;
	width:600px;
	height:100px;
}

#shopproductdetails fieldset
{
	width:500px;
	-moz-border-radius:15px;
}
fieldset legend
{
	font-size: 28px;
	line-height:28px;
	color:#921A1C;
}
fieldset label
{
	float:left;
	width:45%;
	padding:1px;
	height:19px;
	margin-bottom:5px;
}
fieldset input[type="text"]
{
	float:right;
	width:45%;
	padding:1px;
	height:16px;
	margin-bottom:5px;
}
fieldset input[type="checkbox"]
{
	float:right;
	width:45%;
	padding:1px;
	height:16px;
	margin-bottom:5px;
}
fieldset input[type="submit"]
{
	width:45%;
	margin:1%;
	margin-bottom:5px;
}
fieldset div
{
	text-align:center;
}
fieldset textarea
{
	float:right;
	width:45%;
	padding:1px;
	height:100px;
	margin-bottom:5px;
}
fieldset select
{
	float:right;
	width:46%;
	padding:1px;
	height:20px;
	margin-bottom:5px;
}
fieldset p
{
	float:left;
	width:49%;
	padding:1px;
	min-height:19px;
	margin-bottom:5px;
}
fieldset .viewleft
{
	width:49%;
	float:right;
	padding:1px;
	min-height:19px;
	margin-bottom:5px;
}
fieldset .viewValidator
{
	width:95%;
	float:right;
	text-align:right;
	padding:1px;
	min-height:19px;
	margin-bottom:5px;
}

.admintextbox
{
	width: 400px;
}

.adminmultilinetextbox
{
	width: 400px;
	height: 300px;
}

.logintextbox
{
	width: 150px;
}