
/*  Tags Declaration  */


.wrapper {
	width:920px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}






A {text-decoration: none; color:#bc2020}
A:HOVER {text-decoration: underline; color:#666;}
IMG {border: none;}
html {height:100%; overflow-y: scroll;}
body {height:100%; margin:0; padding:0;background:url("../images/bg.jpg") repeat-x; font-family:arial;}
#bg {position:absolute; top:0; left:0; width:100%; height:100%;}





/*  Page  */



.page {
    margin: auto;
    text-align: left;
    width: 920px;
	position:relative;

}


/*Active Page*/

body#home a#homenav
{
background:url("../images/menu-bg-left-over.jpg")no repeat;
color: #ffffff;
text-shadow: #333333 -1px -1px -1px;
}









body#gallery a#gallerynav,
body#applications a#applicationnav,
body#products a#productnav,
body#solutions a#solutionnav,
body#services a#servicesnav,
body#resources a#recourcenav {
background:url("../images/b-menu-bg-hover.jpg");
background-repeat:repeat-x;
color: #ffffff;
text-shadow:#333 1px 1px 1px;}


body#contact a#contactnav {
background:url("../images/menu-bg-right-over.jpg");
color: #ffffff;
text-shadow:#333 1px 1px 1px;}


li#railcar a#railcarnav{
color: #ffffff;
}


.logo {
float:left;
width:353px;
	
}

.tollfree {
	padding-top:3px;
	float:right;
	font-family:arial;
	font-size:12px;
	

}



/* Navigation  */

.main-menu {
	height:38px;
    float: left;
	width:920px;
	overflow:hidden;
	padding-top:15px;
	
}

.main-menu UL {
	height:38px;
   float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.main-menu UL LI {
		height:38px;

    float: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

    

.main-menu UL LI A {
	height:38px;
    
	text-align:center;
	letter-spacing:1px;
	float: left;
	height:38px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#000000;
	display: block;
	padding-top:12px;
	
}
.main-menu UL LI.selected A,
.main-menu UL LI:HOVER A {
    color: #ffffff;
	text-shadow:#333 1px 1px 1px;
	
}
.main-menu UL LI A:HOVER {
    text-decoration: none;
}

.main-menu UL LI A.home {
	width: 114px;
     background: url("../images/b-menu-bg-left.jpg") no-repeat left top;
}
.main-menu UL LI A.gallery {
	width: 114px;
       background-image: url("../images/b-menu-bg.jpg");
	   background-position:top;
	   background-repeat:repeat-x;
}
.main-menu UL LI A.applications {
	width: 114px;
         background: url("../images/b-menu-bg.jpg");
	   background-repeat:repeat-x;
}
.main-menu UL LI A.products {
	width: 114px;
       background: url("../images/b-menu-bg.jpg");
	   background-repeat:repeat-x;;
}
.main-menu UL LI A.solutions {
	width: 114px;
    background: url("../images/b-menu-bg.jpg");
	   background-repeat:repeat-x;
}

.main-menu UL LI A.services {
	width: 114px;
    background: url("../images/b-menu-bg.jpg");
	   background-repeat:repeat-x;
}

.main-menu UL LI A.resources {
	width: 114px;
   background: url("../images/b-menu-bg.jpg");
	   background-repeat:repeat-x;
}

.main-menu UL LI A.contact {
	width: 114px;
    background: url("../images/b-menu-bg-right.jpg") no-repeat left top;
	border:none;
}

.main-menu UL LI.selected A.home,
.main-menu UL LI:HOVER A.home {
    background: url("../images/b-menu-bg-left-over.jpg") no-repeat left top;
}
.main-menu UL LI.selected A.gallery,
.main-menu UL LI:HOVER A.gallery {
       background: url(../images/b-menu-bg-hover.jpg);
       background-repeat:repeat-x;
}
.main-menu UL LI.selected A.applications,
.main-menu UL LI:HOVER A.applications {
       background: url("../images/b-menu-bg-hover.jpg");
       background-repeat:repeat-x;
}
.main-menu UL LI.selected A.products,
.main-menu UL LI:HOVER A.products {
        background: url("../images/b-menu-bg-hover.jpg");
       background-repeat:repeat-x;
}
.main-menu UL LI.selected A.solutions,
.main-menu UL LI:HOVER A.solutions {
 background: url("../images/b-menu-bg-hover.jpg");
       background-repeat:repeat-x;
}
.main-menu UL LI.selected A.services,
.main-menu UL LI:HOVER A.services {
     background: url("../images/b-menu-bg-hover.jpg");
       background-repeat:repeat-x;

}

.main-menu UL LI.selected A.resources,
.main-menu UL LI:HOVER A.resources {
       background: url("../images/b-menu-bg-hover.jpg");
       background-repeat:repeat-x;
}
.main-menu UL LI.selected A.contact,
.main-menu UL LI:HOVER A.contact {
        background: url("../images/b-menu-bg-right-over.jpg");

}


/*3rd LEVEL NAV*/


.container{
	display:inline;
	float:right;
	width:700px;
	height:auto;
	overflow:hidden;
	
}



#menu-3{
	display:inline;
	float:left;
	text-align:left;
	margin-top:0px;
	width:180px;
	list-style-type: none;



}

#menu-3 ul{
	display:inline;
	text-align:left;
	color: #c2c2c2;
		padding-left:20px;

}

#menu-3 li{
	margin-top:0px;
	margin-left:-15px;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:23px;
	color: #505050;
	padding-top:9px;
	background:url(../images/3-level-nav-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#menu-3 li:hover{
	text-shadow:#FFF 1px 1px 1px;
	color: #bc2020;
	cursor: pointer;
	background:url(../images/3-level-nav-bg-over.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#menu-3 li.selected{
	text-shadow:#FFF 1px 1px 1px;
	color: #bc2020;
	cursor: pointer;
	background:url(../images/3-level-nav-bg-over.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
/******* /MENU *******/
/******* LOADING *******/
#loading{
	float:left;
	text-align: center;
	visibility: hidden;
}
/******* /LOADING *******/
/******* CONTENT *******/
#content{
	border-top:#666;
	border-top-style:solid;
	border-top:1px;
	float:right;
	width:700px;
	height:auto;

}

#rooftop-content{
	
	
	float:right;
	width:700px;
	height:auto;

}


#railcar-content{
	
	float:right;
	width:700px;
	height:auto;

}

#oil-content{

	float:right;
	width:700px;
	height:auto;

}


#truck-trailer-content{
	
	float:right;
	width:700px;
	height:auto;

}

#industrial-content{
	
	float:right;
	width:700px;
	height:auto;

}

#aircraft-content{
	
	float:right;

	width:700px;
	height:auto;

}

#vertical-content{
	
	float:right;
	width:700px;
	height:auto;

}


#safetyrail-content{

	float:right;
	width:700px;
	height:auto;

}

#gallery-content{
	min-height:400px;
	padding-bottom:15px;
	overflow:hidden;
	float:left;
	width:920px;
	height:auto;
	background-color:#303030;

}

.gallery-container {
	padding-top:20px;
	margin:auto;
	width:800px;
}
.rounded-bottom-gallery {
	width:920px;
	float:left;
}

.rounded-top-gallery {
	width:920px;
	float:left;
}





#clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}









/*Banners*/

.home-banner {
	padding-top:15px;
	width:920px;
	float:left;
}




/*HOME BOXES*/

.home-boxes {
	height:200px;
	padding-top:35px;
	padding-left:15px;
	float:left;
	width:175px;
	
}

.home-box-icons {
	text-align:center;
	padding-top:35px;

	float:left;
	width:96px;
	text-align:center;
	
}


.home-boxes-lines {
	text-align:center;

	margin-top:35px;
	float:left;
	width:25px;px;
	height:180px;

}

.home-boxes-links {
	padding-top:10px;
	float:right;
	width:170px;
}




/*DETAIL PAGES*/

.page-header {
	padding-top:30px;
	float:left;
	width:920px;
	height:40px;
	background-image:url(../images/page-header-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.gallery-page-header {
	padding-top:30px;
	float:left;
	width:920px;
	height:40px;

}
.page-title {
	float:left;
	width:auto;
	height:40px;
	padding-left:25px;

}
.gallery-page-title {
	float:left;
	width:auto;
	height:40px;

}
.detail-container{
	display:inline;
	float:left;
	width:920px;
	

	
	
}
.detail-intro{
	border-top:1px;
	border-top-color:#fff;
	border-top-style:solid;
	padding-top:1px;
	padding-left:25px;
	padding-right:25px;
	float:left;
	width:367px;
	height:296px;
	background-image:url(../images/detail-page-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	overflow:hidden;
	border-bottom:1px;
	border-bottom-color:#e6e6e6;
	border-bottom-style:solid;
	
}
			 
.detail-image{
height:296px;
padding-top:1px;
padding-bottom:1px;
float:left;
border-bottom:1px;
border-bottom-color:#e6e6e6;
border-bottom-style:solid;


	
}


.detail-content {
width:630px;
padding-top:20px;
float:left;
padding-left:35px;
background-image:url(../images/column-shadow-bg.jpg);
background-repeat:repeat-y;
background-position:left top;

}

_.detail-content-column {
width:420px;
overflow:hidden;
padding-top:30px;
padding-right:60px;
float:left;
padding-left:25px;
background-image:url(../images/column-shadow-bg.jpg);
background-repeat:repeat-y;
background-position:right;
}
	
_.detail-right-column {
	padding-top:30px;
	float:right;
	width:215px;


}
.detail-right-column {
	padding-top:30px;
	float:right;
	width:215px;


}

.media-holder {
	width:296px;

}
.media-holder-bottom {
width:293px;
height:27px;
background-image:url(../images/media-player-bg.jpg);
background-repeat:repeat-x;
padding-bottom:25px;
text-align:center;
padding-top:5px;


}







/*DETAIL PAGES SUB NAVIGATION*/



.sub-nav {

	float:right;
	width:730px;
	height:40px;
	background-image:url(../images/page-header-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.gallery-sub-nav {

	float:right;
	width:730px;
	height:40px;
	
}


.gallery-sub-nav UL LI {
	padding-right:13px;
	font:arial;
	font-size:12px;
	color:#333;
	float: right;
	list-style: none;
	display: block;

	
	
}


.gallery-sub-nav A {
	font:arial;
	font-size:12px;
	color:#333;

	
	
}

.gallery-sub-nav UL LI.selected A {
	font:arial;
	font-size:12px;
	color:#bc2020;

	
	
}

.video-thumbs {
	width:160px;
	padding:10px;
	text-align:center;
}

.sub-nav UL LI {
	width:auto;
	padding-right:13px;
	font:arial;
	font-size:12px;
	color:#333;
	float: right;
	list-style: none;
	display: block;

	
	
}


.sub-nav A {
	font:arial;
	font-size:12px;
	color:#333;

	
	
}

.sub-nav UL LI.selected A {
	font:arial;
	font-size:12px;
	color:#bc2020;

	
	
}

/*FONTS*/

.sm-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:16px;
}






.sm-grey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#373737;
	line-height:16px;
}


.medium-hedaer-grey{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333;
	
}


.med-grey {
	font-family:'Arial';
	font-size:18px;
	color:#373737;
		line-height:22px;

}


.lg-grey {
	font-family:'Arial';
	font-size:30px;
	color:#373737;
}
	
.sm-red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bc2020;

}

.med-red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#bc2020;
	

}

.lg-red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#bc2020;
	line-height:22px;
	

}

/*FOOTER*/
.push {
	height: 50px; /* .push must be the same height as .footer */
	clear: both;
}

.footer {
	margin:auto;
	width:920px;
	height:50px;
	background:url(../images/footer-bg.jpg);
	position:relative;
	clear: both;

}

.footer-text {

	float:left;
	width:350px;
	padding-top:10px;
	margin-left:15px;
	font:arial;
	font-size:11px;
	color:#333;
	
}



.footer-nav {
	float:right;
	margin-right:10px;
	font:arial;
	font-size:11px;
	color:#333;




	
	
}


.footer-nav UL LI {
	padding-right:10px;
	font:arial;
	font-size:11px;
	color:#333;
	float: left;
	margin-left: 10px;
	list-style: none;
	display: block;

	
	
}


.footer-nav A {
	font:arial;
	font-size:11px;
	color:#333;

	
	
}

/*SLIDESHOW*/

#slideshow {
	float:left;
	padding-top:20px;
	margin:0 auto;
	width:920px;
	height:310px;
	position:relative;

}
#slideshow #slidesContainer {
  margin:auto;
  width:920px;
  height:310px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:905px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:310px;
}

/** 
 * Slideshow controls style rules.
 */

