/* CSS Document */
body
{
	font-family: Verdana;
	font-size: 14px;
	background-color: #FFFAE3;
	color: #666666;
	margin: 0;
}

a
{
	text-decoration: underline;
	color: #666666;
}
a:hover
{
	color: #18488b;
}
a img
{
	text-decoration: none;
	border: none;
}
#wrapper
{
	width: 754px; /*changed from 760 for drop shadow*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 8px; /*border: 1px solid #000;*/
	background-image: url( "../images/shadowBgSide.gif" );
	background-repeat: repeat-y;
}
#container
{
	margin-left: 5px;
	margin-right: 5px;
}
/*-----------Header --------------*/
#header
{
	margin-bottom: 20px;
	position: relative; /*border:1px solid #4FFFFF;*/
}

#headerLogo
{
	width: 240px;
	height: 61px; /*background-image:url("../images/header_Logo.gif") ;*/
	background-repeat: no-repeat;
	float: left;
}
#headerLogo, #hdrUI
{
	margin-top: 10px;
}

#header h1
{
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 61px;
}

/*----------------------------------*/
#navigation
{
	border: 1px solid #bb8f40;
	background-color: #CCCCCC;
	background-image: url(../images/navBgnd.jpg);
	background-repeat: repeat-x;
	height: 21px;
	margin-bottom: 10px;
}
#attention
{
	margin-bottom: 20px; /*border:1px solid #9933CC; */
}
#breadcrumb
{
	width: 740px;
	margin-bottom: 20px;
	font-size: 80%;
	/*border: 1px solid #9933CC;*/
	clear: both;
}

#atnImage
{
	float: left;
	display: inline;
	position: relative;
	width: 540px;
}

#atnLinks, #hdrUI
{
	text-align: center; /*border:1px dotted #0000cc;*/
	font-size: 80%;
	float: right;
	position: relative;
	width: 200px;
}

#atnLinks p
{
	text-align: left;
	padding-left: 20px;
}
#atn
{
	width: 100%;
	float: right;
	position: relative;
	margin-bottom: 5px; /*border:1px solid #9933CC;*/
}
#contentWrapper
{
	margin-bottom: 20px;
}
#shadowBottom
{
	background-image: url("../images/shadowBgBottom.gif" );
	height: 20px;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}
#footer
{
	clear: both;
	/*border: 1px solid #0099CC;*/
	text-align: center;
	font-size: 80%;
}
#footer p
{
	margin-top: 5px;
	margin-bottom: 0;
}
/* *** Float containers fix: */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */

#leftcol, #rightcol
{
	font-size: 80%;
}
.childSection
{
	margin-bottom: 20px;
}

.sidebarImages
{
	margin-left:5px;
}

#leftcol h1, #rightcol h1
{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 130%;
	color: #fff;
	display: block;
	text-align: right;
	font-weight: normal;
}
.childSection p
{
	padding-left: 10px;
	margin-top: 0;
}
.bluebkg
{
	background-color: #18488b;
}
.brownbkg
{
	background-color: #d0b177;
}
.graybkg
{
	background-color: #666666;
}
#hdrContact
{
}

#maincol h2
{
	color: #18488b;
	margin-top: 0;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 20px;
}
#maincol h3, #maincol .collapseTitle
{
	color: #18488b;
	margin-top: 0;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 100%;
}
#maincol h4
{
	margin-left: 25px;
	font-size: 100%;
	font-weight:bold;
}

#maincol p
{
	margin-left: 25px;
	margin-right: 15px;
}

/*----------- maincolumn Table styles ------*/
/*---http://www.duoh.com/csstutorials/csstables/  -----*/
#maincol table
{
	font-size: 70%;
	margin-left: 30px;
	margin-right: 20px;
	width: auto;
	margin-bottom: 10px;
}
#maincol table caption
{
	text-align: center;
	font-size: 100%;
}
#maincol table th
{
	border-right: 1px solid #D8BC8C;
	border-bottom: 1px solid #D8BC8C;
	border-top: 1px solid #D8BC8C;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 2px 6px 2px;
}
#maincol th.nobg
{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #D8BC8C;
	background: none;
}
#maincol th.spec
{
	border-left: 1px solid #D8BC8C;
	border-top: 0;
	background-color: #fff;
}
#maincol th.specalt
{
	border-left: 1px solid #D8BC8C;
	border-top: 0;
	background-color: #FFFAE3;
	/*color: #B4AA9D;*/
}
#maincol td
{
	border-right: 1px solid #D8BC8C;
	border-bottom: 1px solid #D8BC8C;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #18488B;
}


#maincol td.alt
{
	background: #FFFAE3;
	/*color: #B4AA9D;*/
}
#maincol th.footnote
{
	font-weight: normal;
	font-size: 80%;
	border-left: 1px solid #D8BC8C;
	border-top: 0;
	color:#18488B;
}
#maincol table.normal
{
	width: auto; /*border:1px solid #D8BC8C;*/
}
#maincol table.normal td
{
	/*color:#666666;*/
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #D8BC8C;
	border-left: 1px solid #D8BC8C;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #18488B;
}
#maincol table.noBorder
{
	width: auto;
	
}
#maincol table.noBorder td
{
	border-style: none;
	padding: 5px;
	color: #18488B;
	
}
#maincol table.noBorder p
{
	color:#666666;
}
#maincol table.noBorder th
{
	border-style: none;	
	
}
/*--------------------------------*/
.allPageImageList
{
	float: left;
	width: 110px;
	height:150px;
	border: 1px solid #999;
	margin: 0 5px 5px 0px;
	padding: 5px;
	font-size: 80%;
}

.allPageImageList img 
{
	margin-left:10px;
	margin-right:auto;

}

.clearboth
{
	clear: both;
}
.thumbnail
{
	float: left;
	width: 60px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
}

#allProductPageImageList
{
	margin-left: 50px;
	margin-bottom: 10px;
}
#tabPanel, #railTabPanel, #treadOptionsPanel, #endTerminationsTabPanel, #endTerminationsTabPanel2
{
	margin-left: 30px;
	margin-right: 30px;
	font-size: 90%;
}
.backToTop
{
	text-align: right;
	font-size: 75%;
	margin-right: 20px;
}
 .floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
 
.imgBorder
{
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
.terms
{

	color:#666666;
	list-style-type:none;
	
}
.terms li
{
	margin:0 0 5px 0;
}
.safetyGateUL 
{
	list-style-type:none;
}
.safetyGateUL li
{
	font-weight:bold;
}
.safetyGateUL li li
{
	font-weight:normal;
}

.sidebarSubSectionHeading
{
	color:#bb8f40;
	font-weight:bold;
}
.wssSearchText
{
	width:100px;
	color:#18488b;
	height:12px;
	font-size:95%;	
	
}
#wssSearch
{
	font-size:90%;
	color:#D0B177;
}
/*----Search Results page-------*/
#searchResults
{
	width:100%;
}
#highlight2
{
	font-size:125%;
	font-family:Arial;
	margin-top:0;
	color:#4F4F4F;
}
.highlightImportant
{
	color: #18488b;
}
.clickHere
{
	font-style:italic;
	
}
.styleListBullet
{
	list-style-image:url(../images/bullet_blue-bullseye_12x12.png);
}