/* CSS Document */
* {
margin:0;
padding:0;
}

html, body {margin:0; padding:0}
body {font-size: 76%; font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/bkg.jpg); 
	background-color: #204cae;
	background-repeat: repeat-x;
	background-position: 50% 0%;

}

.highlightBl {color:#0055a5; font-weight:bold;}
.highlightGr {color:#339900; font-weight:bold;}

div#boxed {border: 1px solid #5d9c34;  width: 550px; float:none}


.images {border : 1px solid #595959; display:block;}

a:link {color:#0055a5; text-decoration:underline;  font-weight: bold}
a:visited {color:#0055a5; text-decoration:underline; font-weight: bold}
a:active  {color:#cccccc; text-decoration:underline; font-weight: bold}
a:hover   {color:#339900; text-decoration:none; font-weight: bold}

a.linknoUL:link {color:#000000; text-decoration:none;  font-weight: normal}
a.linknoUL:visited {color:#000000; text-decoration:none; font-weight: normal}
a.linknoUL:active  {color:#000000; text-decoration:none; font-weight: normal}
a.linknoUL:hover   {color:#000000; text-decoration:underline; font-weight: normal}

/* Main div blocks basic styling */
div#container {width: 950px; background-color:#FFFFFF;  margin: 0 auto; height:100%;  border-bottom: 15px solid #6db43f;}
div#header {background-color: #ffffff; background-image: url(images/US-Conveyor-Components.jpg); background-repeat:no-repeat; width:950px; height:202px;}
div#headerphoto {margin-left:264px;}
div#leftbar { width: 255px; float:left; height:100%; border-right: 1px dotted #cccccc;}
div#search {margin-top:-65px; float:left; margin-left:25px;}
div#ProductMenu {width:225px; margin:5px;}
div#featured {border: 1px solid #339900; width:200px; margin-left:25px;  }
div#menu {margin-top: -70px; margin-left:250px; }
div#content {margin-left: 250px; margin-right: 35px; min-height:875px;}

div#footer {clear:both}






/* Menu Navigation */
div#menu li a{
	color : #ffffff;
	text-decoration : none;
	padding-top:15px;
	padding-left:4px;
	padding-right:2px;
	margin-left:15px;
	margin-right:15px;
	font-weight:bold;
	letter-spacing: .15ex;	
}

div#menu li a:hover{
	color : #ffffff;
	background-color : #339900;
	font-weight:bold;
	letter-spacing: .15ex;


}

div#menu{
	color : #ffffff;
	height : 40px;
	font-size: 100%;
	text-align:center;
}

div#menu ul {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 56px;
	margin-right: 50px;
	padding: 2px 0 0 0;
}
div#menu ul li {
	display: inline;
}


/*Product Menu on left*/


div#leftbar .arrowlistmenu{
width: 185px; /*width of accordion menu*/
padding-left:10px;
margin-left:25px;
margin-bottom:25px;
}

div#leftbar .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 14px Arial;
color: #1b429a;
background: #ffffff ;
border-bottom: 1px solid #cccccc;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 5px 5px 5px; /*header text is indented */
cursor: pointer;
display:block;


}


div#leftbar .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#1b429a;
font-weight:bold;
border-bottom: 1px solid #1b429a;


}

div#leftbar .arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

div#leftbar .arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
margin-left:20px;

}


div#leftbar .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: url(plusbullet.png) no-repeat center left !important;
display: block;
padding: 2px 1.3em .3em 1.3em;
background-position: 0 .2em;

}

div#leftbar .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: url(minusbullet.png) no-repeat center left !important;
display: block;
padding: 2px 1.3em .3em 1.3em;
background-position: 0 .2em;

}


div#leftbar .arrowlistmenu ul li a{
color: #539627;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 1.3em .3em 1.3em;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
background-position: 0 .2em;

}

div#leftbar .arrowlistmenu ul li a:visited{
color: #539627;
}



div#leftbar .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #1b429a;
background-color: #F3F3F3;
font-weight: bold;

}

div#leftbar .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background-color: #F3F3F3;

}

/* general left bar styling */
div#leftbar h1 {
	margin-top:30px;
	margin-left:30px;
	margin-bottom:10px;
	color:#5d9c34;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	font-style:normal;
	}


div#leftbar h2 {
	margin:0 .5em; padding: .5em .5em 0 0em;
 	color:#0055a5; 
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.1em; 
	letter-spacing: .25ex;	
	font-weight:normal; 
	border-bottom: 1px solid #0055a5;}
	
div#leftbar p {padding: 0 1em; color:#666666; margin-left:12px; }



div#leftbar a:link {color:#6182cd; text-decoration:none;  font-weight: normal}
div#leftbar a:visited {color:#6182cd; text-decoration:none; font-weight: normal}
div#leftbar a:active  {color:#cccccc; text-decoration:none; font-weight: normal}
div#leftbar a:hover   {color:#0055a5; text-decoration:none; font-weight: normal}



/* Content Styling */
div#content h1 {
	margin-left:30px;
	margin-top:25px;
	margin-bottom:12px;
	color:#0055a5;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.9em;
	letter-spacing: .05ex;
	font-style:normal;
    background-image: url(images/swish.jpg); 
    background-repeat: no-repeat;
	line-height:150%;
	background-position: 0 .15em;
	padding-left: .9em;
	padding-right:.9em;
	text-align:left;
	}
	
div#content h2 {
	margin:0 .5em; padding: .5em .5em 0 0em;
 	color:#339900; 
	margin-left:50px;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.3em; 
	letter-spacing: .25ex;	
	font-weight:bold; 
	border-bottom: 1px solid #339900;}
	
	
div#content p {	
	margin-left:50px;
	LINE-HEIGHT: 160%;
	margin-bottom:12px;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	color: #666666;}

div#content td {	
	margin-left:5px;
	LINE-HEIGHT: 145%;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	color: #333333;}
	
div#content .tablehead { 	
	color:#ffffff; 
	font-weight:bold;
	font-size:medium;}


	
div#content .bulletimagestyle{ /*Absolute position bullet image. No need to modify*/
position: absolute;
left: -200px;
}


div#content ul
{
list-style-type: none;
padding: 0;
margin-top:10px;
}


div#content ul li {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:50px;
	background-image: url(images/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 0.9em;
	line-height:100%;
	color:#333333;

}	

div#content ol li  {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:50px;
	list-style-type:decimal;
	line-height:100%;
	color:#333333;

}	

div#content li.listHome {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:15px;
	background-image: url(images/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-left: 0.9em;
	line-height:100%;
	color:#333333;

}	
div#content .print {float:right; margin-right:30px; margin-top:-36px;}	

div#content .photo {margin-left:25px;  float: left; margin-right:5px; margin-bottom:4px; display:inline;}
	

div#content .tableHeadSm {color:#0055a5; font-weight:bold;}

div#content table { table-layout:auto; margin-left: auto; margin-right: auto;} 
div#content img {margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px}
div#content td img {margin-left:25px; margin-right:auto;}




div#content table.partsTableXSmall
{ width:175px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;

}


div#content table.partsTableSmall
{ width:375px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;

}


div#content table.partsTable
{ width:550px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;

}


div#content  td.partsHeading
{ background-color: #46851c;
background-image:url(images/bkgGrn.jpg);
background-repeat:repeat-x;
border: 1px #000000 solid;
color: #ffffff;
height:25px;
font-weight:bold;
text-align:center;
white-space: nowrap;

}

div#content  th.partsHeading
{ background-color: #46851c;
background-image:url(images/bkgGrn.jpg);
background-repeat:repeat-x;
border: 1px #000000 solid;
color: #ffffff;
height:25px;
font-weight:bold;
text-align:center;
white-space: nowrap;

}


div#content  td.parts
{ border-bottom: 1px #cccccc dotted;
text-align: center;
font-weight: normal;
color: #000000;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 3px;
padding-right: 10px; 
white-space: nowrap;
}


div#content  td.partsAlt
{ border-bottom: 1px #666666 dotted;
background-color:#d7e8cb;
text-align: center;
font-weight: normal;
color: #000000;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 3px;
padding-right: 10px;
white-space: nowrap;
 }

div#content .highlightBl {color:#0055a5; font-weight:bold;}
div#content .highlightGr {color:#339900; font-weight:bold;}


div#featured {margin: 5px;  }
div#featured h1 {
	margin-top:0px;
	margin-left:10px;
	color:#1a41a0;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.5em;
	letter-spacing: .05ex;
	font-style:normal; 
	}
div#featured p { padding-top: 0px; font-size: 1.2em; color:#666666; text-align:left}


div#footer {margin:10px;}
div#footer p { padding-top: 0px; font-size: 0.9em; color:#ffffff; text-align:center}
div#footer p a:link, div#footer p a:visited {color:#FFFF00; text-decoration:none}
div#footer p a:hover {text-decoration:underline;}	

	


div#TWD {margin:0; text-align:center;}
div#TWD p { padding-top: 5px; font-size: 0.8em; color:#FFFFFF}
div#TWD p a:link, div#TWD p a:visited {color:#FFFF00; text-decoration:none}
div#TWD p a:hover {text-decoration:underline;}