html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}


/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	background:#BCBCBC url('http://www.therexline.com/img/bg-RexLine.png') repeat-x; 
	color: #555555;
    font: normal 13px/25px Tahoma, Lucida Sans Unicode, sans-serif;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}

input, select, textarea {
	border: #cfcfcf 1px solid;
	color: #2f2f2f;
	font-size: 12px;
	padding: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Commonly used to style section titles. */
h1 {
color:#909090;
letter-spacing:0;
font: bold 20px "Trebuchet MS", sans-serif;
text-transform:uppercase;
margin:6px 0;
}

#content h1 {
color:#006699;
background:transparent url(http://www.therexline.com/img/bg-h1.gif) no-repeat;
letter-spacing:0;
font: bold 24px "Palatino Linotype", sans-serif;
text-transform:uppercase;
margin:6px 0 12px 0;
padding:16px 0 10px 0;
}

#content h2 {
color:#9D7200;
letter-spacing:0;
font: normal 16px Georgia, Tahoma, sans-serif;
text-transform:uppercase;
margin:13px 0 3px 0;
}

p {
}
 
h3 
{
color:#0c6eac;
letter-spacing:0;
font: bold 18px "Trebuchet MS", sans-serif;
margin:6px 0;
}

/* Sets the style for unvisited links. */
a, a:link {
	color: #2d7dd0;
	text-decoration: underline;
}
/* Sets the style for visited links. */
a:visited {
	color: #2d7336;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #09760d;
	text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
	color: #09760d;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
	color: #164619;
}

.imgProdDtl {
}

/* remove margins from the image */ 
.items img { 
    margin:0; 
} 
 
/* make A tags our floating scrollable items */ 
.items a { 
    display:block; 
    float:left; 
    margin:20px 15px 0 15px; 
    padding:0;
}  
 


.largeview {
padding:3px 2px;
font: normal 10px "Trebuchet MS", sans-serif;
border-top:1px solid #f3f3f3;
border-bottom:1px solid #f3f3f3;
}

.pagerTable {
width:680px;
margin:50px 0 0 0;
border:1px solid #000;
text-transform:uppercase;
}
.pagerTable a{
text-decoration:none;
}

.pagerTable td {
padding:1px 3px;
}

.pagerRepeater {
background:#FFF2CF; 
margin:30px 0;
font: normal 10px "Trebuchet MS", sans-serif;
border-top:1px solid #59ACEF;
border-bottom:1px solid #59ACEF;
}

.pagerRepeater td {
padding:3px 3px;
width:15px;
}

.productsDataList 
{
margin:5px 20px;
width:200px;
}

.searchButton {
width:100px;
background:#e22;
}

/* Product Detailed Description / Pricing TABLE styles. */
.tblPricing  {
width:170px;
border:1px solid #006699;
border-bottom:0;
border-right:0;
text-align:center;
}

 .tblPricing th {
background:#006699;
color:#fff;
}

.tblPricing td, .tblPricing th{
border-bottom:1px solid #006699;
border-right:1px solid #006699;
}

.tblProdDsc {
border:1px solid #ccc;
border-bottom:0;
width:600px;
margin:10px 0;
}

.tblProdDsc td.tblDsc, .tblProdDsc td.tblVal {
padding:3px 20px;
border-bottom:1px solid #ccc;
}

.tblProdDsc td.tblDsc {
font-weight:bold;
text-align:right;
background:#e2e2e2;
width:100px;
}
.tblProdDsc td.tblVal {
background:#fff;
text-align:left;
}
.highlight  {
background:#c0ff00;
padding:3px 5px;
font-style:italic;
margin:10px 0;
}

#catalogBanner {
height:200px;
background:#ccc;
margin:30px 0 0 0;
}

#mask {
	background:#678 url(/tools/img/expose/mask_gradient_1000.png) no-repeat;
	background-position:-260px -79px;
}

#contactForm {
width:350px;
}
#trackingForm {
width:420px;

}

#contactForm, #trackingForm {
	border:1px outset #ccc;
	background:#fff url(http://www.therexline.com/img/h150.png) repeat-x;
	padding:20px;
	margin:20px 0;
	text-align:center;
	-moz-border-radius:4px;
}

.product-entries 
{
}
.product-entries a, .product-entries img
{
text-decoration:none;
border:none;
}

.product-entries img {
margin:0 0 10px 0;
}

/* Accordion
----------------------------------*/



.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:transparent url(/img/bg-navhead.png) 0 0;
	width: 720px;
}

#accordion h1 {
	background:transparent;
    padding:0 0 0 10px;
}


#accordion .accordion-headers a{
color:#006699;
font-weight:bold;
font-size:10px;
}

#navbar-cont  {
 font: normal 11px Lucida Grande, Lucida Sans Unicode, sans-serif;
}

#navbar-cont .navhead a{
	color:#000;
    text-decoration:none;
    display:block;
    padding:5px 0;
}

#navbar-cont .navhead a:hover, #navbar-cont .navhead .active{
	background:#0c6eac;
	color:#fff;
}

/* accordion header */
#navbar-cont p {
	margin:0;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

#navbar-cont .navsubitems 
{
	font-size:11px;
    margin:0;
	border:0;
	cursor:pointer;		
    border-bottom:1px solid #666;
}

/* currently active header */
#navbar-cont p.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#navbar-cont div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	padding:15px;
	font-size:12px;
	background:#333;
	color:#fff;
}


.facebookContainer h1 
{
	color: #2d2e2e;
}

.companyreference {
	color:#cc0099;
}

.navHeaders {
margin:40px 0 25px 0;
padding:0;
}
.listTitle 
{
margin:0 0 10px 0;
}

.search-results {
padding:10px;
width:100%;
border-bottom:1pxs solid #4490dd;
}

.search-dsc 
{
font-style:italic;    
}

.search-header {
background:#d1e8ff;
color:#35597d;
border-bottom:1px solid #4490dd;
padding:3px 10px;
width:100%;
}

.search-title 
{
font-size:14px;
}

#mainLogo 
{
background:transparent url('../img/mainLogo.png') -15px 8px no-repeat;
margin:0 0 0 60px;
height:175px;
padding:10px 0 0 200px;
/*height:180px;
width:180px;
position:absolute;
*/
}

#outerWrapper 
{
	margin: 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 1020px;
}


#outerWrapper #header {
height:137px;
margin:18px 0 0 0;
}


#outerWrapper #navigation {
	text-align:center;
	height:40px;
	margin:0 0 1px 0;
	padding:0 0 0 276px;
    z-index:100px;
    font: bold 13px Lucida Grande, Lucida Sans Unicode, sans-serif;
}

	ul#mainNav
	{
	padding:0;
	margin:0;
	float:left;
	z-index:100;
    position:relative;
	}


	#mainNav li
	{	float: left;
	 	width:120px;
		list-style: none;
		background:#393939 url('http://www.therexline.com/img/bg-navShadow.png') repeat-x;
		margin:0 2px 0 0;
		border-top:1px solid #393939;
		border-left:1px solid #393939;
		border-right:1px solid #393939;
	}
	
	#mainNav .active, 	#mainNav li a:hover
	{	
		background:#fff url('http://www.therexline.com/img/bg-navShadow-Active.gif') no-repeat;
		border:0 !important;
	}


	#mainNav li a
	{	display: block;
		padding: 12px 5px;
		margin:0;
		text-decoration: none;
		white-space: nowrap;
		color:#9F8559;
	}

		
		#mainNav li ul
		{	margin: 0;
			padding: 0;
			left:123px;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
          	z-index:101;
		    font: normal 10px Lucida Grande, Lucida Sans Unicode, sans-serif;
	    }
		
		#mainNav li ul li
		{	float: none;
	    }
		
		#mainNav li ul li a
		{	width: auto;
 			padding: 3px 5px;
 			color:#fff;
			background: #006699;
			}
		
		#mainNav li ul li a:hover
		{	
		    background: #0099cc;
		}


		/*#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #A9C251;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #8EA344}*/



/*

#outerWrapper #header #navigation ul{
	padding:0;
	margin:10px 0 0 0;
	width:170px;
	float:left;
}

#outerWrapper #header #navigation ul li
{
    position:relative;
	display:inline;
	text-decoration:none;
	font:bold 12px Georgia, Helvetica, San Serif MS;
}

#outerWrapper #header #navigation ul li a
{
	padding:12px 10px 10px 10px;
	color:#993300;
	display:block;
	height:18px;
}

#outerWrapper #header #navigation ul li a.current
{
background:#fff;
}

#outerWrapper #header #navigation ul li a:hover {
	background:#fff;
	color:#993300;
}

*/

#outerWrapper #flashContainer {
width:980px;
background:#000 url('http://www.therexline.com/img/bg-slideShow.gif') repeat-x;
padding:10px 20px 20px 20px;
position:relative;
height:200px;
}
#outerWrapper #flashContainer #icon-specials {
background: transparent url('http://www.therexline.com/img/icon-specials.png') top center no-repeat;
padding:0 0 5px 0;
margin:0;
}
/*#outerWrapper #flashContainer #coverLabel {
position:absolute;
height:50px;
width:200px;
background:#000;
top:20px;
}*/

#outerWrapper #flashContainer #slideshow {width:920px;}

#searchContainer
{
	background:transparent url('http://www.therexline.com/img/bg-search.png') no-repeat 0 -24px;
	position:absolute;
	height:40px;
	width:280px;
	margin:-140px 0 0 720px;
	padding:0 0 0 22px;
}

#outerWrapper #contentWrapper {
	background:#fff;
	width:1020px;
}	

#outerWrapper #contentWrapper #flashContainer {
 background:#fff;
 margin:0 0 0 0;
 border:1px solid #000;
}

#outerWrapper #contentWrapper #leftColumn1 
{
	float: left;
	padding:23px 20px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 240px;
	text-align:center;
}

#outerWrapper #contentWrapper #leftColumn1 ul{
margin:0 auto;
padding:0;
width:220px;
text-align:center;
border-top:1px solid #ccc;
}

#outerWrapper #contentWrapper #leftColumn1 ul li{
list-style-type:none;
text-decoration:none;
}

#outerWrapper #contentWrapper #leftColumn1 ul li a{
	padding:10px;
	color:#000;
	display:block;
	height:20px;
	border-bottom:1px solid #ccc;
}


#outerWrapper #contentWrapper #leftColumn1 .banner {
	margin:10px 0 0 0;
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content 
{
	min-height:450px;
	margin: 0 0 0 270px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 25px 25px 60px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #contentWrapper #content #col-1 {
}
#outerWrapper #contentWrapper #content #col-2 {
padding:70px 50px 0 20px;
}
#outerWrapper #contentWrapper #content #col-1, #outerWrapper #contentWrapper #content #col-2 {
float:left;
}

/*     /////////////// CONTENT IMAGES ///////////////     */

#outerWrapper #contentWrapper #content .imagelink, #outerWrapper #contentWrapper #content  a:hover.imagelink  {
	border: none;
	background-color: transparent;
	}	

/* left */

#outerWrapper #contentWrapper #content  p.imglt, #outerWrapper #contentWrapper #content  p.imgltbdr {
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 1.17em 0;
	line-height: 12px;
	color: #003157;
	}

#outerWrapper #contentWrapper #content  p.imglt img, #outerWrapper #contentWrapper #content  p.imgltbdr img {
	display: block;
	margin: 4px 10px 3px 0;
	padding: 0;
	}	

#outerWrapper #contentWrapper #content p.imgltbdr img {
	border: 1px solid #003157;
	}	

/* center */

#outerWrapper #contentWrapper #content  p.imgctr, #outerWrapper #contentWrapper #content  p.imgctrbdr {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	line-height: 12px;
	text-align: center;
	color: #003157;
	}	

#outerWrapper #contentWrapper #content  p.imgctr img, #outerWrapper #contentWrapper #content  p.imgctrbdr img  {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	}	

#outerWrapper #contentWrapper #content  p.imgctrbdr img  {
	border: 1px solid #003157;
	}	

/*  right   */

#outerWrapper #contentWrapper #content  p.imgrt, #outerWrapper #contentWrapper #content  p.imgrtbdr {
	display: block;
	float: right;
	margin: .5em 0 3px 10px;
	padding: 0;
	line-height: 12px;
	color: #003157;
	}	

#outerWrapper #contentWrapper #content  p.imgrt img, #outerWrapper #contentWrapper #content  p.imgrtbdr img {
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	}	

#outerWrapper #contentWrapper #content  p.imgrtbdr img {
	border: 1px solid #003157;
	}	

/*  default border   */

#outerWrapper #contentWrapper #content  p.imgdefaultbdr {
	display: block;
	margin: 0 0 3px 0;
	padding: .5em 0 0 0;
	line-height: 12px;
	color: #003157;
	}	

#outerWrapper #contentWrapper #content  p.imgdefaultbdr img {
	display: block;
	margin: 4px 10px 3px 0;
	padding: 0;
	border: 1px solid #003157;
	}	

.captioncredit {
	}	

#outerWrapper #contentWrapper #content  p.imgltbdr a, #outerWrapper #contentWrapper #content  p.imgltbdr a:hover, #outerWrapper #contentWrapper #content  p.imgrtbdr a, #outerWrapper #contentWrapper #content  p.imgrtbdr a:hover, #maincontent p.imgctrbdr a, ##outerWrapper #contentWrapper #content  p.imgctrbdr a:hover, #outerWrapper #contentWrapper #content  p.imgdefaultbdr a, #outerWrapper #contentWrapper #content  p.imgdefaultbdr a:hover, #outerWrapper #contentWrapper #content  p.imglt a, #outerWrapper #contentWrapper #content  p.imglt a:hover, #maincontent p.imgrt a, #outerWrapper #contentWrapper #content  p.imgrt a:hover, #outerWrapper #contentWrapper #content p.imgctr a, #outerWrapper #contentWrapper #content p.imgctr a:hover, #outerWrapper #contentWrapper #content  p.imgdefault a, #outerWrapper #contentWrapper #content p.imgdefault a:hover  {
	border: none;
	background-color: transparent;
	}	

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper #banner 
{
	margin: 0 0 0 220px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	height:70px;
}

#outerWrapper #contentWrapper .clearFloat {
	clear: left;
	display: block;
}

#outerWrapper #pageFooter 
{
    width:900px;
    background:#666 url('http://www.therexline.com/img/bg-footer.gif') repeat-x;
    border-top:1px solid #CC9933;
	padding: 30px 0 10px 120px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align:left;
	height:200px;
    font:normal 10px Lucida Grande, Lucida Sans Unicode, sans-serif;
}

#outerWrapper #pageFooter #container-asiNumber {
padding:25px 0 0 450px;
}

#outerWrapper #pageFooter ul
{
    text-decoration:none;
    list-style-type:none;
    margin:0;
    padding:0;
}

#outerWrapper #pageFooter div
{
    width:200px;
    float:left;    
}

#outerWrapper #pageFooter ul li
{
    margin:10px 0 0 0;
}


#outerWrapper #pageFooter ul li a
{
    color:#999;
}


#outerWrapper #bottomFooter 
{
    background:#fff url('http://www.therexline.com/img/bg-bottomFooter.gif') repeat-x;
	padding: 25px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align:center;
	height:35px;    
    color:#999;
}

#outerWrapper #bottomFooter div
{
}
/* Catalog Styles */

#outerWrapper #contentWrapper #content .catalog-entries 
{
	
	margin:5px 5px 10px 5px;
	height:250px;
	width:130px;
	padding:10px 10px;
	text-align:center;
	background:#f7f7f7;
	font:bold 14px Lucida Grande, Lucida Sans Unicode, sans-serif;
}

#outerWrapper #contentWrapper #content .catalog-entries img
{
border:1px dashed #e2e2e2;
}

#outerWrapper #contentWrapper #content .catalog-entries .firstTd
{
height:50px;
}





#outerWrapper #contentWrapper #content .catalog-entries h1 {
padding:2px;
background:none;
font:bold 14px Lucida Grande, Lucida Sans Unicode, sans-serif;
}

#txtSearchProducts{
    	padding:10px;
    	outline:none;
    }
    .focusField{
    	border:solid 2px #73A6FF;
    	background:#000;
    	color:#fff;
    }
    .idleField{
    	background:#E7E7E7;
    	color: #b3b3b3;
		border: solid 2px #DFDFDF;
    }
    
#searchbox {
	position: relative;
	left: -15px;
	background: transparent url('http://www.therexline.com/img/bg-searchBox.png') no-repeat;
	width: 265px;
	height: 30px;
	padding:0;
}

#search {
	float: right;
	padding: 0;
	margin: 4px 0 0 0;
	border: 0;
}


#search input {
	float: left;
	padding: 5px 0 0 0;
	margin: 0 5px 0 0;
	width: 200px;
	border: 0;
	background-color: transparent;
	font-size:11px;
}

#search #go {
	background: transparent url('http://www.therexline.com/img/icon-search.png') no-repeat;
    width:20px;	
    height:20px;
    float:left;	
    cursor:pointer;
}


#search input.btn {
	background: none;
	border: 0;
	margin: 0px 0 0 -30px;
	padding: 0;
	width: auto;
}



/* BREADCRUMB STYLES */

#pageBreadCrumb {
	background:#fff url('http://www.therexline.com/img/bg-breadCrumb.png') repeat-x;
	height:20px;
	border-bottom:1px solid #666;
	padding:10px 50px 10px 50px;
	width:920px;
}

#pageBreadCrumb a 
{
color:#ff9f07;
}

.breadCrumbSeparator {
margin:0 15px;
text-decoration:none;
color:#666;
}

.breadCrumbRootNodeStyle {
text-decoration:none;
color:#e22;
}


/* DROPDOWN STYLES */

/* FORM VALIDATION */

.formError {

			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;

		}

			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}

		

			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}

			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;

			}

			.greenPopup .formErrorContent {background:#33be40;}

			.blackPopup .formErrorContent {background:#393939;color:#FFF;}

			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				z-index:5001;
			}

			.formError .formErrorArrowBottom{top:0;margin:-6px;}

				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;

				}

					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}

					
				.greenPopup .formErrorArrow div{background:#33be40;}

				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 

				.formError .formErrorArrow .line9{width:13px;border:none;} 

				.formError .formErrorArrow .line8{width:11px;} 

				.formError .formErrorArrow .line7{width:9px;} 

				.formError .formErrorArrow .line6{width:7px;} 

				.formError .formErrorArrow .line5{width:5px;} 

				.formError .formErrorArrow .line4{width:3px;} 

				.formError .formErrorArrow .line3{width:1px;

					border-left:2px solid #ddd;

					border-right:2px solid #ddd;

					border-bottom:0px solid #ddd;} 

				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}

				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}