@CHARSET "ISO-8859-1";



body {

	font-family: arial;

	font-size: 12px;

	margin: 0;

	padding: 0;

}



img {

   		behavior: url(/css/png.htc);

	}



form {

	margin: 0;

	padding: 0;

}



a, a:active, a:visited {

	color: #9D9FA1;

	text-decoration: underline;

}



a:hover {

	color: #F26522;

}



p {

	margin: 8px;

}



h3 {

	margin: 0;

	margin-bottom: 3px;

	padding: 0;

	font-size: 20px;

}



h2 {

	margin: 0;

	margin-bottom: 3px;

	padding: 0;

	font-size: 16px;

}



h4 {

	margin: 0;

	margin-bottom: 10px;

	padding: 0;

	font-size: 16px;

	color: #9D9FA1;

}



#tLogo {

	position: absolute;

	z-index: 3;

}



#mPanel {

	position: absolute;

	top: 565px;

	left: 270px;

	z-index: 4;

}



#mPanel img {

	float:left;

	border: 0;

}



#content {

	position: absolute;

	z-index: 1;

	margin-top: 22px;

	margin-left: 60px;

	width: 940px;

	

}



.header {

	height: 106px;

	width: 100%;

}



.headerLeft {

	float: left;

	width: 716px;

	height: 78px;

	margin-top: 28px;

	background-color: #FFC20E;

	background-image: url(/images/sgrbg.png);

	background-position: bottom;

	background-repeat: repeat-x;

	text-align: left;

	

}



.headerLeftB {

	float: left;

	width: 716px;

	height: 78px;

	margin-top: 28px;

	background-color: #FFC20E;

	background-image: url(/images/sgrbg.png);

	background-position: bottom;

	background-repeat: repeat-x;

	text-align: right;

}



.headerLeft img {

	float: right;

	margin-right: 20px;

	margin-top: 7px;

}



.headerRight {

	float: left;

	width: 224px;

}



.publicLeft {

	float: left;

	width: 180px;

	height: 650px;

	background-color: #FFC20E;

	background-image: url(/images/grbg.png); 

	background-position: bottom;

	background-repeat: repeat-x;

	text-align: center;

}



.publicRight {

	float: left;

	width: 760px;

}



.privateLeft {

	float: left;

	width: 180px;

	height: 740px;

	background-color: #FFC20E;

	background-image: url(/images/grbg.png); 

	background-position: bottom;

	background-repeat: repeat-x;

}



.privateRight {

	float: left;

	width: 760px;

}



.regRight {

	float: left;

	width: 760px;

}



.publicRight p {

	color: #2E3192;

	text-align: left;

	width: 500px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 15px;

	font-style: italic;

	line-height: 18px;

}



.publicRight p b {

	font-size: 16px;

}



.loginCon {

	width: 604px;

	height: 303px;

	margin: auto;

	

}



.loginBox {

	width: 216px;

	height: 217px;

	padding: 40px;

	float: left;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/loginbg.png');

}



.loginBox[class] {

	background-image: url(/images/loginbg.png);

}



.loginBox a, .loginBox input {

	z-index: 20;

	position: relative;

}



#dashDivWrapper {
	position:relative;
	top:45px;
	
	height:900px;
}

#dashDiv {
 	z-index=5;
	width: 102%;
	height: 900px;
	position:absolute;
	left:0px;
	top:-10px;
}



.loginBox b {

	font-size: 12px;

	color: #9D9FA1;

}



.loginFields {

	width: 213px;

	border: 1px solid #9D9FA1;

	margin-bottom: 10px;

}



.loginError {

	color: #C92529;

	background-image: url(/images/standard/error16.png);

	background-repeat: no-repeat;

	font-size: 14px;

	font-weight: bold;

	padding-left: 20px;

	line-height: 16px;

	margin-bottom: 6px;	

}



.loginMessage {

	color: #068438;

	background-image: url(/images/standard/valid16.png);

	background-repeat: no-repeat;

	font-size: 14px;

	font-weight: bold;

	padding-left: 20px;

	line-height: 16px;

	margin-bottom: 6px;		

}



.hblue {

	color: #2E3192;

}



.hLogoCon {

	float: right;

	height: 78px;

	width: 130px;

	text-align: center;

	border-left: 3px solid #fff;

	

}



.hLogoCon img{

	margin-top: 12px;

}	



.hyellow {

	color: #F26522;

}



.button {

	border: 1px solid #636466;

	color: #fff;

	background-color: #BCBEC0;

	padding: 0;

	padding-left: 2px;

	padding-right: 2px;

}



.imButton {

	cursor: pointer;

}



.leftMenuContent {

	margin-top: 35px;

	margin-left: auto;

	margin-right: auto;

	width: 159px;

}


#recipeButton {
	margin: 20px 0px 0px 10px;
}

#recipeButton a {
	border: 0px none;
}

#recipeButton img {
	border: 0px none;
}

#recipeButton span {
	display:none;
}


ul.leftMenu {

	width: 180px;

	margin: 0;

	padding: 0;

	list-style-type: none;

	border-top: 2px solid white;

}



ul.leftMenu li{

	width: 170px;

	height: 15px;

	padding: 0;

	margin: 0;

	padding-left: 10px;

	padding-top: 3px;

	padding-bottom: 3px;

	font-weight: bold;

	border-bottom: 2px solid white;

	cursor: pointer;

}



ul.leftMenu li.menuOff {

	background-color: transparent;

}



ul.leftMenu li.menuOn {

	background-color: #fff;

}



a.ylink, a.ylink:visited {

	color: #C0272D;

	font-weight: bold;

}



.field {

	border: 1px solid #9D9FA1;

}



.pBodyL {

	padding-top: 4px;

	padding-left: 4px;

	width: 756px;

	float: left;

}



.pCenterL {

	width: 532px;

	float: left;

}



.pCenterA {

	width: 745px;

	float: left;

}



.pCenterR {

	width: 208px;

	height: 724px;

	margin-left: 4px;

	float: left;

	padding: 6px;

	background-color: #808284;

	color: #fff;

}



.pCenterR .header {

	font-size: 18px;

	margin-top: 12px;
	
	padding: 0;

	text-align: center;
	
	font-weight: bold;
	
	height: auto;

}



.pCenterR a, .pCenterR a:visited, .pCenterR a:active {

	color: #fff;

	text-decoration: none;

}



.pCenterR a:hover {

	color: #fff;

	text-decoration: underline;

}



.pCenterR ul {

	margin-top: 24px;

	margin-left: 18px;

	padding: 0;

	list-style-type: square;
	
}



.pCenterR ul li {

	margin: 0;

	padding: 0;

	padding-bottom: 5px;

	margin-bottom: 22px;
	
	font-size: 13px;
	
}



.webSec {

	font-size: 13px;

	line-height: 24px;

}



.webSec a, .webSec a:visited, .webSec a:active {

	color: #000;

	text-decoration: underline;

}



.webSec a:hover {

	color: #F26522;

	text-decoration: underline;

}



.itemTile {

	float: left;

	padding: 5px;

	width: 167px;

	height: 250px;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	vertical-align: middle;

}



.itemTile .imgBox {

	margin: auto;

	height: 100px;

	width: 100px;

	overflow: hidden;

	margin-bottom: 10px;

	cursor: pointer;

}



.itemTile select {

	margin:0;

	margin-right: 5px;

	vertical-align: middle;

}



.itemTile .imButton {

	vertical-align: middle;

}



.itemTile a, .itemTile a:active, .itemTile a:visited {

	color: #000;

	text-decoration: none;

}



.itemTile a:hover {

	color: #e51837;

	text-decoration: none;

}



.pager {

	float: left;

	width: 532px;

	text-align: right;

	font-weight: bold;

	font-size: 13px;

}



.pager span {

	margin-left: 5px;

	margin-right: 5px;

}



.pager a {

	text-decoration: none;

}



.pager .pagerActive a{

	color: #e51837;

	text-decoration: none;

}



.pager .pagerActive a:hover {

	text-decoration: underline;

}



.pager .pagerInactive a{

	color: #000;

	text-decoration: none;

}



.pager .pagerInactive a:hover{

	text-decoration: underline;

	color: #e51837;

}



.pHead {

	font-size: 14px;

	font-weight: bold;

	padding-left: 10px;

	width: 412px;

	margin-top: 45px;

	margin-bottom: 5px;

	width: 100%;

}



.pHead a, .pHead a:visited, .pHead a:active {

	color: #000;

	text-decoration: none;

}



.pHead a:hover {

	text-decoration: underline;

}



.featureName { 

	font-size: 14px;

	font-weight: bold;

	margin-left: 15px;

}



.featureName a, .featureName a:visited, .featureName a:active {

	color: #000;

	text-decoration: none;

}



.featureName a:hover {

	color: #000;

	text-decoration: underline;

}



.formError {

	background-color: #FFDDA6;

	border: 1px solid #E51837;

	background-image: url(/images/standard/error32.png);

	background-repeat: no-repeat;

	background-position: 10px 5px;

	margin-top: 5px;

	width: 400px;

	margin-left: auto;

	margin-right: auto;

}



.formError ul {

	margin: 0;

	padding: 0;

	margin-bottom: 18px;

	list-style: none;

	font-weight: bold;

	text-align: left;

	margin-left: 55px;

}



.formError li {

	line-height: 16px;

}



.formNotice {

	width: 100%;

	background-color: #ABECFF;

	border: 1px solid #0066FF;

	background-image: url(/images/standard/notice32.png);

	background-repeat: no-repeat;

	margin-top: 5px;

	background-position: 10px 5px;

	width: 400px;

	margin-left: auto;

	margin-right: auto;

}



.distInvNotice {

	width: 100%;

	background-color: #DD6060;

	border: 1px solid #DD66FF;

	background-image: url(/images/standard/warning.png);

	background-repeat: no-repeat;

	margin-top: 5px;

	background-position: 10px 5px;

	width: 400px;

	margin-left: auto;

	margin-right: auto;

}



.formNotice ul {

	margin: 0;

	padding: 0;

	margin-bottom: 18px;

	list-style: none;

	font-weight: bold;

	text-align: left;

	margin-left: 55px;

}



.formNotice li {

	line-height: 16px;

}



.globalError {

	border: 1px solid #887105;

	background-color: #f9fabe;

	margin-left: auto;

	margin-right: auto;

	width: 400px;

}



.globalError .header{

	background-color: #FFD959;

	padding: 5px;

	height: 14px;

}



p.globalError {

	padding: 10px;

}



#cartCount {

	font-weight: normal;

	margin-left: 5px;

}



.gTable {

	margin-left: 10px;

	width: 99%;

	margin-bottom: 3px;

}



.gTable th{

	white-space: nowrap;

	padding: 3px;

	padding-right: 6px;

	text-align: left;

	background-color: #DCDCDC;

	line-height: 16px;

	cursor: pointer;

}



.gTable td .fContent{

	padding: 3px;

	border-bottom: 1px solid #DCDCDC;

	border-left: 1px solid #DCDCDC;

	border-right: 1px solid #DCDCDC;

}



.customizeCon {

	margin-left: 10px;

}



.tButton {

	vertical-align: middle;

	margin-right: 10px;

	border: 0;

}



.gSubTable {

	margin:5px;

	margin-left:10px;

}



.gSubTable td{

	padding: 3px;

}



.gSubTable th{

	white-space: nowrap;

	padding: 3px;

	padding-right: 6px;

	text-align: left;

	background-color: #fff;

	line-height: 16px;

	cursor: default;

}



.gSubTable .subLabel {

	font-weight: normal;

	text-align: right;

}



.gSubTable a, .gSubTable a:visited {

	color: #737373;

}



.gSubTable .pager {

	width: auto;

	float: right;

	text-align: right;

	font-weight: bold;

	font-size: 12px;

}



.gSubTable .pager span {

	margin-left: 5px;

	margin-right: 5px;

}



.gSubTable .pager a {

	color: #737373;

	text-decoration: none;

}



.gSubTable .pager .pagerActive a{

	color: #000;

	text-decoration: none;

}



.gSubTable .pager .pagerActive a:hover {

	text-decoration: underline;

}



.gSubTable .pager .pagerInactive a{

	color: #737373;

	text-decoration: none;

}



.gSubTable .pager .pagerInactive a:hover{

	text-decoration: underline;

	color: #e51837;

}



.trHighLight {

	background-color: #F5F5F5;

}



.trNoLight {

	background-color: #fff;

}



.aoloader {

	margin: 3px;

}



.aoloader img {

	vertical-align: middle;

}



.reportLink {

	font-size: 13px;

	line-height: 25px;

}



.reportLink a, .reportLink a:visited,  .reportLink a:active{

	color: #000;

}



.statusDiv {

	width:300px;

	height:100px;

	margin-left:400px;

	margin-top:100px;

	z-index:2000;

	position:absolute;

	background-color: #fff;

	border: 1px solid #A1A1A1;

}



.statusDivContent {

	margin: auto;

	width: 220px;

	margin-top: 30px;	

}



.statusDivContent .stext {

	margin-left: 5px;

}	

.categories {
	font-size: 13px;
	padding-left: 8px;
	font-weight: bold;
}

.categories a {
	color: #2e3191;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: normal;
	text-decoration: none;
}

a.on {
	text-decoration: underline;
}

#distributorInvoiceForms TABLE {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid black;
}