form {
	margin: 0;
	padding: 0;
}
td {
/*	vertical-align: top; */
}
.dottedTD td {
	vertical-align: top; 
}
a img {
	border: 0;
}
.left {
	float: left;
}
.right {
	float: right;
	padding-left: 4px;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
img.right {
	margin: 0 0 6px 10px;
	}
img.left {
	margin: 0 10px 6px 0;
}
/* ----------------------------------------------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
html {
	background-image: url(../images/bgColour.gif);
	background-color: #d9ddcf;
}
body, th, td, div, span, p, h1, h2, h3, input {
	font-family: "Arial", "Lucida Grande", "Lucida Sans", sans-serif;
}
/* ----------------------------------------------------------------------------------------------- */
table.spar_dialog_table {
	width:990px;
	border-collapse:collapse;
	margin: 20px auto;
	table-layout:fixed;
	}

td, td.label {
	font-size:12px; 
}
/* Font size for the main content area */
#content td {
	font-size:12px;
}

td.spar_content {
	/*background-color:white;*/
	padding:0px 0px 0px 0px;
	background-image:url(../images/con_bg.gif) !important;
}
/*
td.spar_content h2 {
	background:#6D84B4 none repeat scroll 0%;
	border:1px solid #3B5998;
	color:white;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding: 0px;
}
td.spar_content h2 span {
	border-top:1px solid #788D8A;
	display:block;
	padding:3px 10px 5px;
}
*/
td.spar_content .dialog_content {
	/*background:#FFFFFF none repeat scroll 0%;*/
	background-color: #999;
	border: 1px solid #888;
}
html[xmlns] .clearfix {
	display:block;
}
.clearfix {
}

td.spar_topleft, td.spar_topright, td.spar_bottomleft, td.spar_bottomright {
	height: 16px;
	overflow: hidden;
	padding: 0px !important;
	width: 16px !important;
	background-color: #fff;
}
td.spar_topleft {
	background-image:url(../images/con_top_left.gif) !important;
}
td.spar_topright {
	background-image:url(../images/con_top_right.gif) !important;
}
td.spar_bottomleft {
	background-image:url(../images/con_bottom_left.gif) !important;
}
td.spar_bottomright {
	background-image:url(../images/con_bottom_right.gif) !important;
}
td.spar_top {
	background: #fff url(../images/con_top.gif) repeat-x top;
}
td.spar_right {
	background: #fff url(../images/con_right.gif) repeat-y right;
}
td.spar_bottom {
	background: #fff url(../images/con_bottom.gif) repeat-x bottom;
}
td.spar_left {
	background: #fff url(../images/con_left.gif) repeat-x left;
}

/* --- Top Banner -------------------------------------------------------------------------------------------- */

#logo {
	float: left;
}
#floatLinks {
	width: 350px;
}
#floatLinks, #floatLinks img {
	float: right;
}
#head h3 {
	font-size: 18px;
	font-weight: normal;
	color: #007727;
	margin-bottom: 6px;
	padding-bottom: 0;
}
/* --- Top Nav -------------------------------------------------------------------------------------------- */
#nav {
	clear: both;
	width: 100%;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	padding-top: 7px;
	display: block;
	width: 191px;
	height: 38px;
	text-align: center;
	background: transparent url(../images/nav/nav00.png) no-repeat top left;
}
#nav ul li a.alt {
	background: transparent url(../images/nav/nav10.png) no-repeat top left;
}
#nav ul li a:hover {
	background: transparent url(../images/nav/nav01.png) no-repeat top left;
}
#nav ul li a.alt:hover {
	background: transparent url(../images/nav/nav11.png) no-repeat top left;
}
/* --- Bread Crumb Trail -------------------------------------------------------------------------------------------- */
#crumb {
	clear: both;
	text-transform: uppercase;
	width: 100%;
	font-size: 14px;
	padding-bottom: 10px;
	font-family: "Arial", "Lucida Grande", "Lucida Sans", sans-serif;
	overflow: hidden;
}
#crumb p {
	display: inline;
	text-transform: uppercase;
	font-size: 14px;
	color: #555;
	margin: 0 10px 0 0 ;
	font-family: "Arial", "Lucida Grande", "Lucida Sans", sans-serif;
}
#crumb a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	color: #555;
	font-family: "Arial", "Lucida Grande", "Lucida Sans", sans-serif;
}
#crumb a:hover
 {
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Arial", "Lucida Grande", "Lucida Sans", sans-serif;
}
/* --- Side Nav -------------------------------------------------------------------------------------------- */
#sidetop {
	display: block;
	width: 197px !important;
	height: 13px;
	background: #fff url(../images/side_top2.png) no-repeat top right;
	padding: 0;
	margin: 0 8px 0 0;
}
#sidemid {
	display: block;
	width: 197px !important;
		background: #fff url(../images/side_mid.png) repeat-y;
	padding: 0 0px 20px 0;
	margin: 0 8px 0 0;
}
#sidebot {
	display: block;
	width: 197px !important;
	height: 13px;
	background: #fff url(../images/side_bg2.png) no-repeat bottom right;
	padding: 0;
	margin: 0 8px 0 0;
}
#side {
	display: block;
	width: 197px !important;
/*	background: #ebf2be url(../images/side_bg2.png) no-repeat bottom right; */
	background: #fff url(../images/side_bg2.png) no-repeat bottom right;
	padding: 0 0px 20px 0;
	margin: 0 8px 6px 0;
}
#side ul {
	margin: 0;
	padding: 0 16px 12px 3px;
	list-style: none;
}
#side ul li {
	margin: 0;
	padding: 0px 0 4px 0;
/*	font-size: 11px; */
	line-height: 13px;
	vertical-align: top;
	list-style: none;
}
#side ul li a {
	text-decoration: none;
/*	text-transform: uppercase; */
	color: #666;
	display: block;
	padding: 1px 0 4px 26px;
	margin-bottom: 0px;
	background: transparent url(../images/side_li0.png) no-repeat 1px left;
}
#side ul li a:hover {
	color: #000;
	background: transparent url(../images/side_li1.png) no-repeat 1px left;
}
/* Added by RS 2007-05-21 */
#side ul li ul {
	margin: 0;
	padding: 0 0px 0px 26px;
	list-style: none;
}
#side ul li {
	margin: 0;
	padding: 0px 0 0px 0;
/*	font-size: 11px; */
	line-height: 13px;
	vertical-align: top;
	list-style: none;
}
#side ul li ul li a {
	text-decoration: none;
/*	text-transform: uppercase; */
	color: #666;
	display: block;
	padding: 1px 0 4px 0px;
	margin-bottom: 0px;
	background: none;
}
#side ul li ul li a:hover {
	color: #000;
	background: none;
}
#side ul li ul li ul {
	margin: 0;
	padding: 0 0px 0px 12px;
	list-style: none;
}
/* ----------------------- */
/* --- Content Area -------------------------------------------------------------------------------------------- */

#content h1 {
	color: #e20a17;
	font-size:20px;
	border-bottom: 1px dashed #999;
	padding-bottom: 10px;
	text-transform: uppercase;
}

#content h2 {
	color:#000000;
	font-size:16px;
	font-weight:bold;
}

#content {
}

/* --- Search Box -------------------------------------------------------------------------------------------- */
#search {
	float: left; 
	clear: left;
	background: #e20a17 url(../images/search_bg.png);
	width: 170px !important;
/*	width: 165px !important; */
	padding: 6px;
}
#search h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 4px 0;
	padding: 0;
}
#search p {
	margin: 0;
	padding: 0;
}
/*
#searchField {
	width: 130px;
	height: 15px;
	margin-right: 3px;
}
*/
#search input, #newsletter input {
	float: left;
	font-size: 11px;
}

#search #txtSearchText, .txtSearchText {
	width: 130px;
}

/* --- Footer -------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	padding-top: 10px;
}
#footer .links {
	border-top: 1px dashed #999;
	padding-top: 10px;
	padding-top: 10px;
}
#footer .links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer .links ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#footer .links ul li a {
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
	font-size: 12px;
	margin-right: 15px;
}
#footer .links ul li a:hover {
	color: #000;
}
/* --- Cell Borders -------------------------------------------------------------------------------------------- */
.dottedTD td {
	border: 1px dashed #999;
	border-top: 0;
	border-left: 0;
	padding: 6px 10px;
}
.dottedTDall td {
	border: 1px dashed #999;
	padding: 6px 10px;
}
.noDottedTD td {
	border: 1px solid #FFF;
	padding: 0;
}
.back_to_top {
	display: block;
	float: right;
	width: 108px;
	height: 31px;
	background: transparent url(../images/back_to_top.png) no-repeat top left;
}
#promotion {
	width: 187px; 
	padding: 6px 0;
}
#newsletter {
	display: block;
	width: 197px !important;
	background: #fff url(../images/side_bg2.png) no-repeat bottom right;
	padding: 0 0px 20px 0;
	margin: 0 8px 6px 0;
}
/* --- Internal use -----*/
.templateName {
	display: none;
	font-size: 10px;
	color: #666;
}
/*--- NUTRITIONAL lEAFLETS TEMPLATE -- */
.YellowBorderTop {
	background-image: url(/images/topYellow.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.YellowBorderBottom {
	background-image: url(/images/bottomYelllow.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.YellowBorderRight {

	background-image: url(/images/rightYellow.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.YellowBorderLeft {
	background-image: url(/images/leftYellow.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.NutritionHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/images/GreenHeadingBack.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.NutritionSubHeadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #AC7F37;
	text-decoration: none;
}
.TeaserText {
	font-size: 12pt;
	font-weight: bold;
	color: #6AA11A;
	text-decoration: none;
}
.careline {
	font-size: 14px;
	font-weight: bold;
	color: #6AA11A;
	text-align: right;
	text-transform: uppercase;
}
.mainBodyTable {
	background-color: #FFFFFF;
}
.nutritionSidebar {
	background-color: #eff3bd;
	padding: 12px;
}
.smallText {
	font-size: 9px;
	color: #6AA11A;
}
.brandsNav {
	padding-left: 15px;
}
.brandsProducts {
	margin: 4px;
	padding: 4px;
	/*border-bottom: 1px dotted #666;*/
	border-right: 1px dotted #666;
	width: 230px;
	height: 76px;
}
.brandsProducts .productTitle {
	font-weight: bold;
	font-size: 12px;
	color: #007328;
}
.brandsProducts .productDesc {
	font-weight: normal;
	font-size: 11px;
	color:#666666;
}
.brandsProducts .productSize {
	font-weight: normal;
	font-size: 11px;
	color:#666666;	
}
.brandsProducts .productImage {
	width: 80px;
	text-align:center;
}
.brandsProducts .productImage a {
	/*border: 1px solid white;	*/
}
.brandsProducts .productImage a:hover {
	/*border: 1px solid Gray;	*/
}
.secondaryCrumb #crumb {
	font-size: 12px;
	text-transform: none;
}
.secondaryCrumb #crumb a {
	font-size: 12px;
	color: #555;
	text-decoration: none;
	text-transform: none;
}
.secondaryCrumb #crumb a:hover {
	font-size: 12px;
	color: #000;
	text-transform: none;
}
#pager {
  border-top: 1px dotted #555;
  text-align: center
}
#pager input {
  width: 30px;
}

/* Rounded Box for Our Brands pages */
.roundedcorner_box { padding-bottom: 20px; margin: auto;height: 100px;}
.roundedcornr_box_483071 { margin-left:-40px;float: left;background: #d8e9bc;}
.roundedcornr_top_483071 div { background: url('../Images/Brands/roundedcornr_483071_tl.png') no-repeat top left;}
.roundedcornr_top_483071 { background: url('../Images/Brands/roundedcornr_483071_tr.png') no-repeat top right;}
.roundedcornr_bottom_483071 div { background: url('../Images/Brands/roundedcornr_483071_bl.png') no-repeat bottom left;}
.roundedcornr_bottom_483071 { background: url('../Images/Brands/roundedcornr_483071_br.png') no-repeat bottom right;}
.roundedcornr_top_483071 div, .roundedcornr_top_483071, 
.roundedcornr_bottom_483071 div, .roundedcornr_bottom_483071 { width: 100%; height: 20px;  font-size: 1px;}
.roundedcornr_content_483071 { margin: 0 20px; height: 100px; }
.roundedcorner_box .logo { padding-top: 12px;float: left; display:inline; z-index:0;position: relative;}
.roundedcorner_box .logo img { border: none; width:100px;}
.roundedcorner_box .text { margin-left: 50px;}