html, body {
    height: 100%;
	margin:0;
	padding:0;
	font-size: 12px;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
	height: 100%;
	min-height: 100%;
} 

#content-wrap {
    margin: 0 auto;
    text-align: left;
    width: 100%;
    min-height: 100%;
	height: 100%;
} 

a { color: #000; text-decoration:none;}

a:hover { color: #000; }
a:active { color: #000; }

#masthead {
background-image:url(/assets/shared/pattern.png);
background-position:right bottom;
background-repeat:repeat-x;
height:60px;
width:100%;
}

#logo {
background-color:#FFFFFF;
float:left;
height:60px;
width:250px;
}

#logo img {
display:block;
// margin-left:76px;
// margin-top:10px;
margin-left:44px;
margin-top:5px;
}

img {
border-width:0;
}

#nav0 {
background-color:#B4BD6E;
left:0;
margin-left:250px;
position:relative;
top:0;
}

#nav0, DIV.nav1, DIV.nav2
	{height:30px;background-color:#000;}

DIV.nav0ItemOff, DIV.nav0ItemOn, DIV.nav1ItemOff, DIV.nav1ItemOn, DIV.nav2ItemOff, DIV.nav2ItemOn
	{float:left; height:29px; margin-top:1px;}

DIV.nav0ItemOff A, DIV.nav0ItemOn A, DIV.nav1ItemOff A, DIV.nav1ItemOn A, DIV.nav2ItemOff A, DIV.nav2ItemOn A
	{display:block; height:29px; float:left;}
	
DIV.nav0ItemOff IMG, DIV.nav0ItemOn IMG, DIV.nav1ItemOff IMG, DIV.nav1ItemOn IMG, DIV.nav2ItemOff IMG, DIV.nav2ItemOn IMG
	{display:block; margin:9px 13px 10px 13px;}


#nav0			{background-color:#B4BD6E; position:relative;top:0px; left: 0px;margin-left:250px;}
div.nav0ItemOn	{background-color:#e6e4bc;}

#nl-leftnav {
margin:0;
padding:0;
width:220px;
background-color: #dfd6ae;
}
#nl-leftnav ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#nl-leftnav li {
background-color:#dce0af;
border-bottom:1px solid #4F6931;
display:table;
margin:0;
padding-bottom:2px;
}
#nl-leftnav li a:hover {
text-decoration:none;
}
#nl-leftnav li a {
float:left;
}
#nl-leftnav li a span {
display:none;
}
#nl-ln1, #nl-ln2, #nl-ln3, #nl-ln4, #nl-ln5, #nl-ln6, #nl-ln7, #nl-ln8, #nl-ln9, #nl-ln10 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/assets/images/left-nav2.gif) no-repeat scroll 0 0;
height:20px;
margin:0;
padding:0;
width:210px;
}
#nl-ln1 {
background-position:0 0;
}
#nl-ln2 {
background-position:0 -20px;
}
#nl-ln3 {
background-position:0 -40px;
}
#nl-ln4 {
background-position:0 -60px;
}
#nl-ln5 {
background-position:0 -80px;
}
#nl-ln6 {
background-position:0 -100px;
}
#nl-ln7 {
background-position:0 -120px;
}
#nl-ln8 {
background-position:0 -140px;
}
#nl-ln9 {
background-position:0 -160px;
}
#nl-ln10 {
background-position:0 -180px;
}
#nl-ln1:hover, #nl-ln1:focus, #nl-ln1.on {
background-position:-210px 0;
}
#nl-ln2:hover, #nl-ln2:focus, #nl-ln2.on {
background-position:-210px -20px;
}
#nl-ln3:hover, #nl-ln3:focus, #nl-ln3.on {
background-position:-210px -40px;
}
#nl-ln4:hover, #nl-ln4:focus, #nl-ln4.on {
background-position:-210px -60px;
}
#nl-ln5:hover, #nl-ln5:focus, #nl-ln5.on {
background-position:-210px -80px;
}
#nl-ln6:hover, #nl-ln6:focus, #nl-ln6.on {
background-position:-210px -100px;
}
#nl-ln7:hover, #nl-ln7:focus, #nl-ln7.on {
background-position:-210px -120px;
}
#nl-ln8:hover, #nl-ln8:focus, #nl-ln8.on {
background-position:-210px -140px;
}
#nl-ln9:hover, #nl-ln9:focus, #nl-ln9.on {
background-position:-210px -160px;
}
#nl-ln10:hover, #nl-ln10:focus, #nl-ln10.on {
background-position:-210px -180px;
}

#nl-sidebar-in {
width:225px;
height:100%;
/*margin-left:15px;*/
background-color: #e7ebd3;
padding:0px;
/*padding:5px;*/
}

#colleft_content {
width:225px;
height:100%;
/*margin-left:15px;*/
background-color: #e7ebd3;
padding:0px;
/*padding:5px;*/
}


BODY				{margin:0px;}
IMG					{border-width:0px;}
FORM				{display:inline;}
BODY, INPUT, SELECT	{font-family:arial,sans-serif;}



div.hd1Left {
	background-color:#4F6931;
	width:250px;
}

div.hd1Left, div.hd1Left2, div.hd1Right, div.hd1HomeRight {
	float:left;	
	height:30px;
}

#hd1 {
background-color:#b4bd6e;
height:30px;
width:100%;
}

#colleft {
	width:250px;
	/*height:auto;
	min-height: 100%;*/
	/*overflow:auto;*/
	overflow: scroll;
	overflow-y: auto;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	text-align:center;
	/*background-color: #D2DAE3;*/
	padding-bottom: 20px;
	}

#hidePanel {
	/*background-color:#B4BD6E;*/
	height:24px;
	padding:7px 0 0 82px;
}
#hidePanel a{
	color:#fff;
}
#hidePanel a:hover {
	color:#999999;
}

#hidePaneloff {
	/*background-color:#B4BD6E;*/
	height:24px;
	padding:7px 0 0 72px;
}
#nl-leftnav ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.hd1HomeCenter h2 {
	font-size: 16px;
	font-weight: bold;
	color: #4F6931;
	border-bottom: 2px solid;
	padding-left: 45px;
}

#colright h2 {
	font-size: 16px;
	font-weight: bold;
	color: #4F6931;
	margin: 10px 0 20px 0;
	border-bottom: 2px solid;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #f1f3e4;
}

#content {
	text-align:left;
	width: 100%;
}

sup {
	font-size: 9px;
}

#colright {
font-size: 12px;
background-color:fff;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
/*min-height: 100%;*/
/*height: 100%;*/
/*position:absolute;*/
/*#width:100%;*/
top:90px;
overflow:auto;
/*overflow:hidden;*/
}

#colright_content {
font-size: 12px;
background-color:fff;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
/*min-height: 100%;*/
/*height: 100%;*/
/*position:absolute;*/
/*#width:100%;*/
top:90px;
overflow:auto;
/*overflow:hidden;*/
}

#footer {
background-color:#4F6931;
float:left;
padding-top:10px;
height:10px;
margin:0;
padding:0;
width:100%;
clear:both;
}

#footerText {
background-color:#FFFFFF;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align: center;
}

#clearIt {
clear:both;
font-size:0;
height:0;
line-height:0;
margin:0;
padding:0;
}


fieldset.controls
{
	border: 1px solid #4F6931;
	padding: 10px;
	text-align:left;
	background-color: #eee;
	color: #000;
	margin-top:20px;
}
	fieldset.controls h2 {
		margin-top: 5px;
		}

legend.controls
{
	color: #fff;
	background-color:#4F6931;
	border: 1px solid #4F6931;
	padding: 2px 6px
} 

/*legend.controls span {display:block;position:absolute;top:-20px;left:30px}*/

.button_left {
    border: 1px solid #4F6931;
    background: #B4BD6E;
	color: #000;
	padding: 2px 5px;
	float:left;
}
.button_left:hover {
    border: 1px solid #4F6931;
    background: #4F6931;
	color: #fff;
}
.button {
    border: 1px solid #4F6931;
    background: #B4BD6E;
	color: #000;
	padding: 2px 5px;
	/*float:left;*/
}
.button:hover {
    border: 1px solid #4F6931;
    background: #4F6931;
	color: #fff;
}
label.submit {
    display: block;
    width: 110px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

table.pricing {
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	padding: 5px;
	margin: 7px;

}

table.pricing th {
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	color: #fff;
	background-color:#4F6931;
	font-weight: bold;
	text-align: center;
}

table.pricing td {
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	padding: 5px;
}
table.pricing td.header {
	background-color: #555;
	color: #fff;
}
table.pricing td.texture {
	background-color: #e6e4bc;
	// color: #fff;
}
table.pricing td.odd {
	background-color: #e7ebd3;
}
	
table.pricing td.contrast {
	font-weight: bold;
	background-color: #ccc;
}

table.pricing input {
}



/* custom styles for this example */
#dt-example {width:45em;margin:0 auto;}
#dt-options {text-align:center;margin:1em 0;}
#dt-dlg {visibility:hidden;border:1px solid #808080;background-color:#E3E3E3;}
#dt-dlg .hd {font-weight:bold;padding:1em;background:none;background-color:#E3E3E3;border-bottom:0;}
#dt-dlg .ft {text-align:right;padding:.5em;background-color:#E3E3E3;}
#dt-dlg .bd {height:10em;margin:0 1em;overflow:auto;border:1px solid black;background-color:white;}
#dt-dlg .dt-dlg-pickercol {clear:both;padding:.5em 1em 3em;border-bottom:1px solid gray;}
#dt-dlg .dt-dlg-pickerkey {float:left;}
#dt-dlg .dt-dlg-pickerbtns {float:right;}

/* Container workarounds for Mac Gecko scrollbar issues */
.yui-panel-container.hide-scrollbars #dt-dlg .bd {
    /* Hide scrollbars by default for Gecko on OS X */
    overflow: hidden;
}
.yui-panel-container.show-scrollbars #dt-dlg .bd {
    /* Show scrollbars for Gecko on OS X when the Panel is visible  */
    overflow: auto;
}
#dt-dlg_c .underlay {overflow:hidden;}



/* rounded corners */
#dt-dlg .corner_tr {
    background-image: url( /assets/images/tr.gif);
    position: absolute;
    background-repeat: no-repeat;
    top: -1px;
    right: -1px;
    height: 4px;
    width: 4px;
}
#dt-dlg .corner_tl {
    background-image: url( /assets/images/tl.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    left: -1px;
    height: 4px;
    width: 4px;
}
#dt-dlg .corner_br {
    background-image: url( /assets/images/br.gif);
    position: absolute;
    background-repeat: no-repeat;
    bottom: -1px;
    right: -1px;
    height: 4px;
    width: 4px;
}
#dt-dlg .corner_bl {
    background-image: url( /assets/images/bl.gif);
    background-repeat: no-repeat;
    position: absolute;
    bottom: -1px;
    left: -1px;
    height: 4px;
    width: 4px;
}

.inprogress {position:absolute;} /* transitional progressive enhancement state */

#loginform {
width:300px;
margin:auto;
}
#loginform fieldset{
	width:400px;
	padding:10px;
	background-color: #dce0af;
	font-size: 12px;
}
#loginform legend{
	font-weight:bold;
	font-size:9pt;
	margin-bottom: 5px;
}

#loginform label.field{
display:block;
padding:0px 10px 0 0;
font-weight: bold;
margin-bottom: 5px;
}
/*#loginform input {
margin-right:20px;
border:1px solid #999999;
float:right;
clear:right;
background:#CCCCCC;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}
*/
.error{
color:red;
font-weight:bold;
}

table#admin td {
	margin: 5px;
}

table#service_table {
	font-size: 10px;
}

table#service_table td {
	margin: 5px;
}
table#service_table td.warehouse_accuracy {
	background-color: #b4935d;
	border:1px solid #755b36;
}
table#service_table td.order_entry {
	background-color: #d2dae3;
	border:1px solid #B4BD6E;
}
table#service_table td.on_time_performance {
	background-color: #cbad40;
	border:1px solid #977000;
}

table#service_table td.performance {
	background-color: #79839B;
	border:1px solid #000000;
}

table#service_table td.invoice_accuracy {
	background-color: #a0b657;
	border:1px solid #627c30;
}

table#service_table td.non_damage_rate {
	background-color: #B4BD6E;
	border:1px solid #d2dae3;
}




h4.downloads {
	margin-bottom: 15px;
}

/*th {
	padding: 5px;
}
td {
	padding: 5px;
}
*/
#colright > h3 {
	font-size: 14px;
	font-weight: bold;
	color: #4F6931;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	width: 80%;
	background-color: #f1f3e4;
}

#colright h4 {
	font-size: 12px;
	font-weight: bold;
	color: #4F6931;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	width: 450px;
}
#colright p {
	margin-bottom: 8px;
}

#footerText { 
	color:#555; 
	font-size:11px; 
	line-height:14px;
}

.yui-skin-sam .yui-h-slider{background:url(http://yui.yahooapis.com/2.8.0r4/build/slider/assets/skins/sam/bg-h.gif) no-repeat 5px 0;height:28px;width:170px;}

table tbody.yui-dt-data tr {
	cursor: default;
}

a.datatablerollover {
	font-weight: bold;
}
div#customer_service {
	float:left;
	margin-right: 30px;
}

div#map {
	width: 867px;
	height: 550px;
	background-image: url(/assets/images/map_new.png);
	background-repeat:no-repeat;
	float:right;
}

div#map .section {
	display:block;
	width: 190px;
	height: 70px;
	background-color: #fff;
	border: 1px solid #000;
	text-align: center;
}

div#map .west {
	position: relative;
	top: 145px;
	left: 75px;
	float: left;
	}

div#map .north {
	position: relative;
	top: 155px;
	left: 235px;
	float: left;
	}

div#map .south {
	position: relative;
	top: 300px;
	left: 435px;
	clear: left;
	float: left;
	}

.section h5 {
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0px 0px 0px;
}


table.contact td {
	padding: 2px;
}

table.contact td:first-child {
	font-weight: bold;
	padding-right: 5px;
}

.login label.field
{
width: 10em;
float: left;
text-align: right;
margin-right: 1em;
margin-top: 3px;
display: block
}

.submit input
{
	margin-left: 4.5em;
}

.login input
{
    background: #B4BD6E;
	color: #000;
	padding: 2px 5px;
	float:left;
}
fieldset.login
{
border: 1px solid #4F6931;
width: 20em
}

div.param {
	display:block;
	background-color: #f00;
	margin-top: 5px;
}

legend.login
{
	color: #fff;
	background-color:#4F6931;
	border: 1px solid #4F6931;
	padding: 2px 6px
} 

ul.login {
	list-style-position: inside;
	list-style-type: circle;
}

ul.downloads {
	list-style-type: none; 
} 

ul.downloads li.pdf {
	background-image:url(/assets/shared/pdf.png);
	background-repeat: no-repeat;
	padding-left:35px;
	padding-top: 7px;
	margin-bottom: 10px;
	/*height: 30px;*/
	/*background-position:0px -2px;*/

}

ol.admin_menu {
	list-style: decimal inside;
}

div#admin_message {
	display:none;
	width:90%;
	cursor: pointer;
	/*position:absolute;
	top:29px;
	left:250px;*/
	}

	div#admin_message span {
		display:block;
		float:right;
	}


.info, .success, .warning, .error, .validation, .attention {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

div#admin_message ul {
	list-style: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

div#admin_message ul li:before {
	content: "\00BB \0020";
}

div#admin_message ul li.b {
	font-weight:bold;
}
	

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../assets/icons/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../../assets/icons/valid_green.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../assets/icons/warning.png');
}
.attention {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../assets/icons/attention.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../assets/icons/error.png');
}

/*
a.logout { 
		/*text-indent: -1000em;
		display:block; 
		height: 30px; 
		width:61px; 
		/*background: url('../assets/dealer/nav0/logout.gif');
		background-color:#000;
		background-position: 0 0; 
		background-repeat: no-repeat;
	}
	*/
a.logout {
	display:block;
	background: url('../assets/dealer/nav0/logout.gif');
	height: 30px;
	width:61px;
	text-decoration:none;
	font-weight:bold;
}
a.logout:hover {
	text-decoration:none;
    background-position: 0 -30px;
	background-color: #f00;
}
/*a.logout:hover, a.logout:focus, a.logout:on 
    background-position: 10px center;
	background-color: #f00;
}
*/

div.customer {
	padding:5px; 
}

	div.customer h3 {
		font-weight: bold;
		color: #444;
		font-size: 14px;
		margin-bottom: 0px;
		padding-bottom: 3px;
	}

	div.customer p {
		padding:0px;
		margin:0;
	}


table.admin_table {
	border: 1px solid #000;
	margin-bottom: 10px;

}


table.admin_table td {
	padding: 5px;
}
table.admin_table td.header {
	background-color: #555;
	color: #fff;
}

	
table.admin_table td.contrast {
	font-weight: bold;
	background-color: #ccc;
}

table.admin_table input {
}

#mixing {
	margin-top: 20px;
}


#mixing h3 {
	font-weight: bold;
	font-size: 14px;
}

#navcontainer { margin-top: 20px;width: 220px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 220;
background-color: #b4bd6e;
border-bottom: 1px solid #4f6931;
}

#navcontainer a:link, #navlist a:visited
{
color: #4f6931;
font-weight:bold;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #4f6931;
color: #ffffff;
font-weight:bold;
}

#yui-gen7 {
	left:0px;
}


h6 {
	font-size: 16px;
	font-weight: bold;
	color: #4F6931;
	padding-bottom: 5px;
	padding-left: 265px;
	padding-top: 5px;
	background-color: #f7f9f0;
}

.hd1HomeCenter {
	/*border-bottom: 2px solid #4F6931;*/
}

table.invoice {
	border-collapse: collapse;
	border:1px solid #ccc;
}
table.invoice tr td {
	background-color: #eee;
	padding: 2px;
	font-size: 10px;
}
table.invoice tr th {
	padding: 2px;
	border-right: 1px dotted #666666;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-left: 1px dotted #666666;
	font-weight: bold;
	font-size: 11px;
	background-color: #CCCCCC;
	color: #000;
}

td.reported {
	background-color: #b4935d;
}
a.reported {
	background-color: #ffcccc;
}

table.my_service {
	border-collapse: collapse;
	width:98%;
	margin-right:20px;
	border:1px solid #ccc;
}
table.my_service tr td {
	background-color: #eee;
	padding: 2px;
	font-size: 10px;
}
table.my_service tr th {
	text-align: center;
	padding: 2px;
	border-right: 1px dotted #666666;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-left: 1px dotted #666666;
	font-weight: bold;
	font-size: 11px;
	background-color: #CCCCCC;
	color: #000;
}

/*
// table.invoice tr th:first-child { // been like this since 9/9 at least.  9/12
*/

/*#nl-right h2			{ margin: 0px; padding:0px; }
#nl-right h2 a         { font-weight: bold; text-decoration: none; font-size: 12px; }
#nl-right h2 a:link    { color: #4F6931; }
#nl-right h2 a:visited { color: #4F6931; }
#nl-right h2 a:hover   { color: #555; text-decoration: none; }
#nl-right h2 a:active  { color: #555; text-decoration: none; }

#nl-right p { font-size: 11px; }
#nl-right p a         { font-weight: normal; text-decoration: none; }
#nl-right p a:link    { color: #555; }
#nl-right p a:visited { color: #555; }
#nl-right p a:hover   { color: #4F6931; text-decoration: none; }
#nl-right p a:active  { color: #4F6931; text-decoration: none; }
*/

#nl-right-in {
	padding:10px;
}

#nl-right-line {
	border-bottom:1px solid #CCCCCC;
	margin:0 0 10px;
	padding:10px 0 0;
}


#nl-sidebar-icons h1 {
	margin: 0 0 3px 0; padding: 0;
	font-size: 17px;
	line-height: 17px;
	color: #4F6931;
}

#nl-sidebar-icons h2 {
	margin: 0; padding: 0;
	font-size: 11.5px;
	line-height: 13px;
	color: #4F6931;
}

#leftcol_td {
	background-color: #DCE0AF;
}

.icons02 {
	margin:0; padding:0;
	background:url(../assets/images/jh-sidebar.gif) no-repeat left top;
	height: 107px;
	width: 250px;
	background-position: 0px -10px;
}

.icons-in {
margin:10px 20px 0 85px;
padding:0;
width:145px;
}

.icons03 {
	margin:0; padding:0;
	background:url(../assets/images/jh-sidebar.gif) no-repeat left top;
	height: 109px;
	width: 250px;
	background-position: 0px -120px;
	}

#nl-sidebar-line {	
	margin: 0px 21px; padding:0;
	background: url(../assets/images/dots.gif) no-repeat top left;
	height:1px;
	width: 208px;
	clear:both;
	}


#news {
	overflow:auto;
}

#modalMessage {
	line-height: 20px;
	background-color: #ffff00;
}

a.choose-date {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../assets/images/calendar.png) no-repeat scroll 0 0;
display:block;
float:left;
height:16px;
margin:5px 3px 0;
overflow:hidden;
padding:0;
text-indent:-2000px;
width:16px;
}

button {
	padding:0;
}

     a.video{
     display:block;
     position:relative;
     width: 116px;
     height: 65px;
     text-decoration:none;
     line-height: 12px;
     font-size:11px;
     border-top: 1px solid #4f6931;
     padding:10px;
     /*background-color: #e7ebd3;*/
     }
     
    a.noline:hover {
	text-decoration: none;
    }

    a.video span {
        background: url(images/video_rollovers.png) no-repeat;
	background-position: 0px 0px;
        display:block;
        position:absolute;
        z-index:100;
        width:86px;
        height:55px;
	text-decoration: none;
    }

    a.video:hover span {
        background: url(images/video_rollovers.png) no-repeat;
        -moz-opacity:.80;
        opacity:.80;
        filter:alpha(opacity=80);
	background-position: 0px -55px;
        display:block;
        position:absolute;
        z-index:100;
        width:86px;
        height:55px;
	text-decoration: none;
    }