/* --- General Styles --- */
/*Forum Styles*/

html { min-height: 100%; margin-bottom: 1px; overflow-y:scroll; }  /* Firefox / IE8 scroll-fix*/

body {
background-color:#ffffff;
margin:0px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../images/BG_gradient.jpg);
background-repeat:repeat-x;
}

/* --- Layout Styles --- */

/*Container div to center everything in the center of the browser*/
#CenteringContainer {
width:960px;
margin:0 auto 0 auto;
padding:0;
}

/*Holds everything for the website*/
#Container {
position:relative;
float:left;
width: 960px;
margin:0px 0 0 0;
padding:0;
/*background-color:#FFFFFF;*/
z-index:1;
}

/*Main Header Div - holds all header stuff - usually has the masthead image as the background*/
#Header {
position:relative;
float:left;
width: 860px;
height:117px;
background-color:#FFFFFF;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
background-position:center;
padding:0px 50px 0 50px;
margin:0;
/*z-index:1000;*/
}

/*Usually covers header logo and contains a link back to the homepage (Div should have a transparent image)*/
#Header #HomeLink {
position:relative;
float:left;
width:175px;
height:85px;
margin:10px 0 0 10px;
padding:0 0 0 0px;
text-decoration:none;
}

/* --- Container holds any side navs and content --- */
#Middle {
position:relative;
float:left;
width:960px;
padding:0 0px 0 0px;
z-index:1;
}

/* --- Container that holds the main content --- */
#Content {
position:relative;
float:left;
width: 578px;
min-height: 540px;
padding:0 140px 0 140px;
margin:0px 50px 0px 50px;
border-left:#4462a5 1px solid;
border-right:#4462a5 1px solid;
border-bottom:#4462a5 1px solid;
background-color:#FFFFFF;
z-index:100;
}

#LeftContent {
position:absolute;
float:left;
width:173px;
margin:0px 0 0 0px;
padding:0 0 0 0px;
z-index:101;
border:#dae0ed 1px solid;
top:0;
left:0;
}

#LeftContent ul {
position:relative;
float:left;
margin:0px 0 0px 0px;
padding:0;
list-style:none;
border-top:#4462a5 1px solid;
border-right:#c6cbd6 1px solid;
border-left:#c6cbd6 1px solid;
background-color:#e8edf9;
}

#LeftContent ul li {
}

#LeftContent ul li a {
position:relative;
float:left;
width:151px;
display:block;
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:bold;
padding:5px 10px 5px 10px;
border-bottom:#4462a5 1px solid;
text-align:right;
}

#LeftContent ul li a:hover {
color:#ffffff;
background-color:#4462a5;
}

#LeftContent ul li ul {
margin:0 0 15px 10px;
}

#LeftContent ul li ul li {
}

#LeftContent ul li ul li a {
position:relative;
float:left;
display:block;
clear:both;
color:#2e3192;
font-size:11px;
font-weight:bold;
padding:0 0 5px 0;
}

#RightContent {
position:absolute;
float:right;
right:0;
width:173px;
margin:0px 0 0 0px;
padding:0 0 0 0px;
z-index:101;

}

#RightContent div {
position:relative;
float:left;
width:173px;
margin:0px 0 5px 0px;
padding:0 0px 0 0px;
text-align:center;

border:#dae0ed 1px solid;
background-color:#e8edf9;
}

#RightContent div img {
border-top:#4462a5 1px solid;
border-bottom:#4462a5 1px solid;
border-right:none;
border-left:none;
width:159px;
height:65px;
background-color:#e8edf9;
padding:0 7px 0 7px;
}

#RightContent div h2 {
font-style:normal;
color:#2e3192;
margin:0;
padding:0;
font-size:18px;
}

#RightContent ul {
position:relative;
float:left;
margin:0px 0 0px 0px;
padding:0;
list-style:none;
border-top:#4462a5 1px solid;
border-right:#c6cbd6 1px solid;
border-left:#c6cbd6 1px solid;
background-color:#e8edf9;
}

#RightContent ul li {
}

#RightContent ul li a {
position:relative;
float:left;
width:151px;
display:block;
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:bold;
padding:5px 10px 5px 10px;
border-bottom:#4462a5 1px solid;
text-align:left;
}

#RightContent ul li a:hover {
color:#ffffff;
background-color:#4462a5;
}

#RightContent #quickFormHolder {
border-top:#4462a5 1px solid;
border-bottom:#4462a5 1px solid;
border-right:none;
border-left:none;
width:159px;
background-color:#e8edf9;
padding:0 7px 0 7px;
}

#RightContent #quickFormHolder h1, #RightContent #quickFormHolder h2 {
	padding: 0; margin: 0 0 8px 0;
}

#RightContent #quickFormHolder .quickFormLabel {
	padding: 0; margin: 0; border: 0; text-align: left; background: none;
}

#RightContent #quickForm {
	padding: 10px 0 10px 0;
	text-align: left;
}

#quickForm input, #quickForm textarea, #quickForm select {
	width: 98%;
	margin-bottom: 4px;
}

.errorField { background: #FFAAAA; }

#RightContent #quickForm img {
	border:none; width:90%; height:35px;
}

/* --- Container for footer stuff --- */
#Footer {
position:relative;
float:left;
width:860px;
text-align:center;
padding:5px 50px 15px 50px;
font-size:11px;
color:#4462a5;
}

/* --- General text styles --- */
h1 {
color:#4462a5;
font-size:20px;
}

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

h3 {
font-size:14px;
font-style:italic;
}

a {
color:#1888f1;
}




/* --- Footer Styles --- */
#FooterLinks {
display:block;
clear:both;
margin:0 0 10px 0;
}

#FooterLinks a {
color:#4462a5;
text-decoration:none;
margin:0 7px 0 7px;
}

#FooterLinks a:hover, #FooterLinks a.current_sel{
text-decoration:underline;
}

#CompanyInfo {
display:block;
clear:both;
}

#addy_info {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#bkr_footer {
display:block;
clear:both;
}

#bkr_footer a {
color:#4462a5;
text-decoration:none;
}


.topnav{
}

/*End Josh Dropdown menu system*/

/* --- Dropdown Menu Styles --- */

/* --- Top Nav Styles - This should be the id for a list (usually goes in the header) --- */
#TopNav {
position:relative;
float:right;
width:665px;
padding:0 0 10px 0;
margin:77px 0px 0px 0px;
}

#TopNav ul {
/*position:relative;
float:left;*/
padding:0;
margin:5px 0 10px 0;
list-style:none;
z-index:1000;
overflow:visible;
width:665px;
}

#TopNav ul li {
position:relative;
float:left;
padding:0;
margin:0;
}

#TopNav a {
padding:5px 9px 6px 9px;
margin:0 0 0 0;
font-size: 12px;
font-weight:normal;
color: #ffffff;
text-decoration:none;
/*text-align:center;*/
}

#TopNav a:hover {
color: #C3E44F;
}

#TopNav a.current_sel{
color:#C3E44F;
}


/* --- End Dropdown Styles --- */

/* --- Top Right links styles --- */
#TopRightNav {
position:relative;
float:left;
width:194px;
margin:0 0 0 19px;
}

#TopRightNav ul {
list-style:none;
margin:7px 0 0 9px;
padding:0;
}

#TopRightNav ul li {
position:relative;
float:left;
}

#TopRightNav ul li a {
color:#0055a5;
text-decoration:none;
font-weight:bold;
padding:0px 8px 0px 8px;
}

#TopRightNav ul li a:hover {
color:#1687F1;
}

#RandomImages {
list-style:none;
margin:0 auto 0 auto;
padding:0;
width:155px;
}

#RandomImages li {
position:relative;
float:left;
width:153px;
height:153px;
margin:5px 0 5px 0;
border:#fafafa 1px ridge;
}

#RandomImages li span {
position:relative;
float:left;
width:153px;
height:153px;
padding:1px;
background-color:#e0e0e0;
border:#efefef 1px ridge;
}

#RandomImages li span img {
padding:1px;
background-color:#2e3192;
border:#cccccc 1px ridge;
width:149px;
height:149px;
}

.disclaimer {
position:relative;
float:left;
width:940px;
text-align:center;
font-size:10px;
color:#000000;
font-style:italic;
margin:0 0 10px 0;
}

div.TopSearch {
position:relative;
float:left;
width:940px;
margin:5px 0 10px 0;
}

div.TopSearch form {
position:relative;
float:right;
margin:0;
padding:0 10px 0 0;
}

div.TopSearch form input {
margin:0 0 0 5px;
padding:0;
position:relative;
float:left;
}

div.HomeBox {
position:relative;
float:left;
width:940px;
border-bottom:#989898 1px solid;
padding:0;
margin:0px 0 0 0;
}

div.LeftBox {
position:relative;
float:left;
width:190px;
height:283px;
margin:0;
padding:5px 10px 0 10px;
}

div.LeftBox a {
color:#019620;
}

div.CenterBox {
position:relative;
float:left;
width:548px;
height:288px;
}

div.RightBox {
position:relative;
float:left;
width:162px;
height:278px;
background-color:#019821;
color:#000000;
margin:0;
padding:10px 10px 0 10px;
font-weight:bold;
background-image:url(../images/greenbox_grad.jpg);
background-repeat:repeat-x;
}

div.RightBox a {
color:#FFFFFF;
}

img.seperator {
position:relative;
float:left;
width:125px;
margin:10px 19px 10px 18px;
}

a.nl_btn {
position:absolute;
right:0;
bottom:0;
/*float:right;*/
color:#006b17;
font-size:14px;
font-weight:bold;
background-image:url(../images/current_nl_btn.jpg);
width:245px;
height:25px;
text-decoration:none;
margin:0;
padding:12px 0 0 36px;
display:none;
}

a.nl_btn:hover {
color:#000000;
}

div.SubFooter {
position:relative;
float:left;
width:940px;
margin:10px 0 0 0;
padding:0;
}

/*Josh CMS*/
.nav_selected{
	/*color:#FFFFFF !important;*/
	background-color:#A5BAE5 !important;
}

.sitemap{
	padding:0px;
	margin:0px;
}

.sitemap ul{
	padding:0px;
	padding-left:10px;
	margin:0px;
}

.sitemap li{
	padding:0px;
	margin:0px;
	list-style:none;
}
/*end Josh CMS*/

/* --- Top Nav Styles - This should be the id for a list (usually goes in the header) --- */

#TopNav ul {
position:absolute;
}

#TopNav ul.dropdown_nav {
position:relative;
float:left;
display:block;
padding:0;
margin:9px 0 0 33px;
list-style:none;
z-index:1000;
overflow:visible;
}

#TopNav ul.dropdown_nav li {
position:relative;
float:left;
display:block;
padding:0;
margin:0;
}



/* --- Dropdown Menu Styles --- */
.dropdown_nav li ul {
display:none;
position:absolute;
/*float:left;*/
top:18px;
left:0px;
width:150px !important;
margin:0px 0 0 0px !important;
padding:0 0 0px 0 !important;
text-align:center;
border-left:#ffffff 1px solid;
border-right:#ffffff 1px solid;
}

.dropdown_nav li ul li strong {
font-size:11px;
color:#ffca04;
width:150px;
text-align:center;
}

.dropdown_nav li > ul li{
top: 0em;
left:0em;
padding:0px;
margin:0 0 0 0;
background-color:#029721;
}

.dropdown_nav li:hover ul, li.over ul ul {
display:block;
clear:both;
background-image:none;
}

#TopNav ul.dropdown_nav li ul li a {
	font-size:11px;
	display: block;
	font-weight: normal;
	padding:5px 0px 5px 0px;
	margin:0px !important;
	line-height:13px;
	width:150px;
	text-align:center;
	color:#ffffff;
	background:#029721;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:#FFFFFF 1px solid;
}

.dropdown_nav ul{
	padding-top:5px;
	padding-left:0px !important;
	background-image:none;
}

#TopNav ul.dropdown_nav li ul li a:hover {
	/* !important;
	width:150px;*/
	color:#014f13;
	background-color:#52e774;
	background-image:none;
}

.item_box{
	width:200px;
	padding:5px;
	margin:5px 7px 20px 7px;
	float:left;
	height:285px;
	/*background-color:#f3f3f3;*/
	background-color:#FFFFFF;
	/*border:#ececec 1px solid;*/
	/*background-image:url(../images/gray_gradient2.jpg);
	background-repeat:repeat-x;*/
}

.item_box img {
border:#999999 1px solid;
/*position:relative;
float:left;*/
}

.test .item_box{
	background-color:#ddEEEE;
}
.item_short_desc{
/*position:relative;
float:left;*/
	font-size:10px;
	border-top:#dbdbdb 1px solid;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
}
.item_short_desc a{
	text-decoration:none;
	color:#333333;
}

.item_short_desc a:hover {
text-decoration:underline;
}

.prac_area #item_list_box{
	width:210px;
	float:right;
}

.prac_area .page_content{
	width:684px;
	float:left;
}

.item_title{
	text-align:center;
}

.item_thumb{
}

.item_title a{
	font-weight:bold;
	text-decoration:none;
	color:#006B17;
	font-size:14px;
}
/* --- End Dropdown Styles --- */

.detail_pic{
	float:left;
}

#detail_custom{
	width:300px;
	float:left;
}

#detail_content{
	
}
#detail_leftbar{
	width:684px;
	float:left;

}
#detail_leftbar img{
	margin-right:15px;
}

#detail_rightbar{
	/*height:600px;*/
	width:180px;
	float:right;
	background-color:#ffffff;
	padding:10px 10px 15px 10px;
	margin:0 0 0 10px;
	/*background-image:url(../images/gray_gradient.jpg);
	background-repeat:repeat-x;*/
	border:#cacaca 1px solid;
}

#detail_rightbar b {
}

#custom_list{
	padding:0;
	margin:0;
	/*margin-left:20px;
	float:left;*/
}

#custom_list li{
	list-style:none;
	padding:0 0 5px 0;
	margin:0;
}

.item_sub_title{
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

/* --- Styles for homepage slideshow --- */
ul.slideshow {  
list-style:none;
width:548px;
height:288px;
overflow:hidden;
position:relative;  
margin:0;
padding:0;
}     

ul.slideshow li {  
position:absolute;  
left:0;  
right:0;  
}  

ul.slideshow li.show {  
z-index:500;      
}  

ul img {  
border:none;      
}  

/*#slideshow-caption {  
width:450px;  
height:95px;  
position:absolute;  
bottom:0;  
left:0;   
color:#fff;  
background:#365B97;  
z-index:500;  
}  

#slideshow-caption .slideshow-caption-container {
padding:5px 0px;
z-index:1000;
}

#slideshow-caption h3 {  
margin:0;  
padding:0 0 0 10px;    
font-size:14px;  
}  

#slideshow-caption p {  
margin:5px 0 0 0;  
padding:0 0 0 10px;
}*/

.note {
font-size:10px;
}

/* --- Form Styles --- */
fieldset {
position:relative;
float:left;
margin:0 0 25px 0;
padding:0;
border:none;
}

legend {
margin:0 0 0 0;
padding:0;
color:#000000;
font-weight:bold;
}

label {
display:block;
font-weight:bold;
font-size:12px;
color:#666666;
}

fieldset ol {
padding:0 0 0 0;
margin:0;
list-style:none;
width:670px;
}

fieldset li {
padding:0 0 15px 0;
clear:both;
}

fieldset li.submitBtn {
}

.hintText {
font-size:10px;
}

fieldset ol.CheckBoxes li {
position:relative;
float:left;
width:335px;
clear:none;
}

fieldset ol.CheckBoxes li input {
position:relative;
float:left;
}

fieldset ol.CheckBoxes li label {
position:relative;
float:left;
margin:0 0 0 5px;
}

.error {
color:#FF0000;
}

#WorldMap {
position:relative;
float:left;
width:350px;
height:60px;
margin:0 0 10px 0;
padding:100px 100px 100px 100px;
background-image:url(../images/world_map_02.gif);
background-repeat:no-repeat;
background-position:center;
}

.required {
	color: red;
	font-weight: bold;
}

/* --- Styles for homepage parts slideshow --- */
#PartsSlideshow {
position:relative;
float:left;
width:558px;
background-image:url(../images/slideshow_bg.jpg);
background-position:center;
background-repeat:no-repeat;
margin:0 0 10px 0;
padding:0 10px 0 10px;
color:#627ab1;
font-size:16px;
font-weight:bold;
}

#PartsSlideshow div {
position:relative;
float:left;
width:262px;
}

#PartsSlideshow p {
margin:15px 0 0 0;
}

/* --- Sales Reps Styles --- */
#SalesRepListing {
width:638px;
margin:0 0 20px 0;
padding:0;
list-style:none;
}

#SalesRepListing li {
width:638px;
margin:0;
padding:10px 0 10px 0;
border-bottom:#C7D5F0 1px solid;
position:relative;
float:left;
}

.contactinfo {
position:relative;
float:left;
width:438px;
}

.products {
position:relative;
float:right;
width:200px;
}

/* --- Masthead Search form styles --- */
#searchForm {
position:relative;
float:right;
width:165px;
padding:0;
margin:-60px 0 0 0;
}

#searchForm form {
position:relative;
float:left;
width:165px;
}

#searchForm a {
padding:0;
margin:0;
font-size: 12px;
color: #000000;
text-decoration:underline;
}

#Go_btn {
border:#ffffff 1px solid;
background-color:#4F83CF;
padding: 1px 2px 1px 2px;
width: 30px;
font-weight:bold;
color:#FFFFFF;
}

#SearchText {
color:#666666;
padding:4px 2px 4px 2px;
border:#FFFFFF 1px solid;
background-image:url(../images/searchform_bg.jpg);
background-repeat:repeat-x;
}

#searchHelp {
position: absolute;
right: 20px;
top: 40px;
width: 500px;
padding: 5px;
background: #EEEEEE;
border: 1px solid #666666;
z-index: 99999;
}

#searchHelp a {
position:relative;
float:right;
width:50px;
}

#searchHelp ul {
margin: 5px 5px 10px 20px;
position: static;
width: 470px;
list-style:disc;
}