/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{
	padding:0; margin:0;
}

body {
	font-size:63.5%; background-color:rgb( 255,255,255 ); font-family:verdana, arial, sans-serif; /*Font-size: 1.0em = 10px when browser default size is 16px*/
}

.page-container {
	 width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border: solid 1px rgb(150, 150, 150); font-size:1.0em; background-color:white
}

.homepageMain {
	clear:both; width: 900px; padding-bottom:0px; background:white url('') top left repeat-y;
}

.splash-content {
	width:890px; margin: 0px 0px 0px 0px; text-align:left;
}

.splash-image {
	display:inline; float:left; overflow:visible; margin: 0px 0px 0px 0px; width:120px;
}

.splash-content-contents {
	float:left; overflow:visible; margin:0px 5px 0px 5px; width:740px;
}

.contentsArea {
	clear:both; width: 880px; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; background: overflow:visible; background:url('../../images/contentsAreaBg.gif') repeat-y; background-color:#E9E9E9; overflow:visible;
}

.contentsArea2 {
	clear:both; width: 890px; margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; background: overflow:visible; background:url('../../images/contentsAreaBg.gif') repeat-y; background-color:#E9E9E9; overflow:visible;
}

.contentsArea h1 {
	font-size:1.5em; text-transform:uppercase; color:#000066;
}

.contentsArea p {
	font-size:1.1em;
}

.contentsArea img {
	border-width:0px; border-color:#FFFFFF;
}

.contentsArea-content {
	display:inline; /*Fix IE floating margin bug*/; float:left; width:750px; margin:10px 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; font-size:small;
}

.contentsArea-subcontent {
	display:inline /*Fix IE floating margin bug*/; float:right; width:300px; margin:0 15px 0 0; overflow:hidden /*IE6*/ !important /*Firefox*/;
}

.footer {
	clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(0,0,0) url('../img/bg_footer.jpg') no-repeat; font-size:1.0em; overflow:visible !important/*firefox*/; overflow:hidden /*IE6*/; border-top:thin silver solid;
}

/*HEADER*/
.header {
	width:900px; font-family:"Trebuchet MS", arial, sans-serif; z-index:999;
}

.header-top {
	width:900px; height:125px; background:rgb(255, 255, 2550) url('../img/bg_heading_top.jpg'); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;	
}

.header-breadcrumbs {
	clear:both; width:900px; padding:1.5em 0 1.5em 0; background:rgb(233, 233, 233);
}

/*HEADER SECTION*/
.companyLogo {
	width:255px; height:85px; position:absolute; z-index:1; margin:5px 0 0 0px; background:rgb(240,240,240) url('../../images/LogoRankin.jpg');
}

/************************/
/*Header Navigation Menu*/
/************************/
.header-navigation-menu {
 	width:900px; position:absolute; margin:95px 0 0 0px; font-family: Arial, Helvetica, sans-serif;
}
.header-navigation-menu-left-headingjs {
	list-style:none;
	float:left;
	width:21px;
	height:3.1em;
	line-height:3.1em;
	text-align:center;
	background:url('../../images/NavLeftBtn.jpg') top center no-repeat;
}

.header-navigation-menu-left-heading {
	list-style:none;
	float:left;
	width:21px;
	height:3.1em;
	line-height:3.1em;
	text-align:center;
	background:url('../../images/NavLeftBtn.jpg') top center no-repeat;
}

.header-navigation-menu-right-headingjs {
	list-style:none;
	float:left;
	width:21px;
	height:3.1em;
	line-height:3.1em;
	text-align:center;
	background:url('../../images/NavRightBtn.jpg') no-repeat;
}

.header-navigation-menu-right-heading {
	list-style:none;
	float:left;
	width:21px;
	height:3.1em;
	line-height:3.1em;
	text-align:center;
	background:url('../../images/NavRightBtn.jpg') no-repeat;
}

.header-navigation-menu-headingjs {
	list-style:none;
	float:left;
	width:120px;
	height:3.1em;
	line-height:3.1em;
	text-align:center;
}

.header-navigation-menu-heading {
	list-style:none;
	float:left;
	width:120px;
	height:3.1em;
	line-height:3.1em;
	text-align:center;
}

.header-navigation-menu-headingjs a {
	display: block;
	font-weight:bolder;
	color:white;
	text-decoration:none;
	background:url('../../images/NavNormalBg.jpg') top center no-repeat;
	border-left:0px rgb(175, 175, 175) solid;
}

.header-navigation-menu-heading a {
	display: block;
	font-weight:bolder;
	color:white;
	text-decoration:none;
	background:url('../../images/NavNormalBg.jpg') top center no-repeat;
	border-left:0px rgb(175, 175, 175) solid;
}

.header-navigation-menu a:focus {
	outline:none;
}

.header-navigation-menu a:focus {
	outline:none;
}

.header-navigation-menu-headingjs a:hover {
	color:white;
	background:url('../../images/NavOverBg.jpg') top center no-repeat;
}

.header-navigation-menu-heading a:hover {
	color:white;
	background:url('../../images/NavOverBg.jpg') top center no-repeat;
}

.header-navigation-menu-headingjs ul {
	list-style:none;
	margin:0;
	padding:0;
}

.header-navigation-menu-heading ul {
	list-style:none;
	margin:0;
	padding:0;
}

.header-navigation-menu-headingjs li { 
	position:relative;
	min-height:1px;
	vertical-align:bottom;
}
	
.header-navigation-menu-heading li { 
	position:relative;
	min-height:1px;
	vertical-align:bottom;
}
	
<!--[if IE]>
<style type="text/css" media="screen">
	 
	.header-navigation-menu-heading a, .header-navigation-menu-headingjs a {
		top:0px;
	}

	.header-navigation-menu-headingjs ul li{
		float:left; width:100%; vertical-align:bottom;
	}

	.header-navigation-menu-heading ul li{
		float:left; width:100%; vertical-align:bottom;
	}
</style>
<![endif]-->

.header-navigation-menu-heading ul ul, .header-navigation-menu-headingjs ul ul {
	list-style:none;
	display:none;
	position:absolute;
	width:100%;
	top:auto;
	padding:1em;
	margin:-1em 0 0 -1em;
}

.header-navigation-menu-headingjs ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.header-navigation-menu-heading ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

div.header-navigation-menu-headingjs li:hover {
	cursor:pointer;
	z-index:1;
}

div.header-navigation-menu-heading li:hover {
	cursor:pointer;
	z-index:1;
}

div.header-navigation-menu-headingjs ul ul li:hover ul ul
{ display:none; }

div.header-navigation-menu-heading ul ul li:hover ul ul
{ display:none; }

div.header-navigation-menu-headingjs ul li:hover ul ul
{ display:none; }

div.header-navigation-menu-heading ul li:hover ul ul
{ display:none; }

div.header-navigation-menu-headingjs ul ul
{ display:none; }

div.header-navigation-menu-heading ul ul
{ display:none; }

div.header-navigation-menu-headingjs ul ul ul li:hover ul
{ display: block; }

div.header-navigation-menu-heading ul ul ul li:hover ul
{ display: block; }

div.header-navigation-menu-headingjs ul ul li:hover ul
{ display: block; }

div.header-navigation-menu-heading ul ul li:hover ul
{ display: block; }

div.header-navigation-menu-headingjs ul li:hover ul
{ display: block; }

div.header-navigation-menu-heading ul li:hover ul
{ display: block; }

div.header-navigation-menu-headingjs ul ul ul li:after ul
{ display:none; }

div.header-navigation-menu-heading ul ul ul li:after ul
{ display:none; }

div.header-navigation-menu-headingjs ul ul li:after ul
{ display:none; }

div.header-navigation-menu-heading ul ul li:after ul
{ display:none; }

div.header-navigation-menu-headingjs ul li:after ul
{ display:none; }

div.header-navigation-menu-heading ul li:after ul
{ display:none; }

.header-breadcrumbs ul {
	float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana, arial, sans-serif; color:navy
}

.header-breadcrumbs ul li {
	display:inline; padding: 0 0 0 10px; background:transparent url('../../images/BreadCrumbDividerBG.gif') no-repeat 0 50%; font-weight:bold; color:#0000CC; font-size:100%;
}

.header-breadcrumbs ul a {
	color:rgb(154, 35, 0); text-decoration:none;
}

.header-breadcrumbs ul a:hover {
	color:rgb(42, 90, 138); text-decoration:underline;
}

/**************************/
/*  MAIN CONTENT SECTION  */
/**************************/

/* HOMEPAGE MAIN CONTENT */
.content-header {
	font-family:verdana, arial, sans-serif;
	font-size:12px; 
	font-weight:bold; 
	background:#336699; 
	height:16px;
	background-image:url('../img/bg_contentArea_nav_active.jpg');
}

.content-header a {
	text-decoration:none;/* color:#336699; */text-align:left; color:rgb(235, 235, 235 );
}

.content-header a:hover {
	text-decoration:underline;
}

.splash-content-products {
	float:left; margin: 5px 5px 5px 5px; width:240px; height:240px; background:url('../../images/splash-body.jpg') no-repeat;
}

.splash-content-products-Title {
	margin:15px 0px 5px 0px; text-align:center; font-size:large; text-decoration:none;
}

.splash-content-products-Title img{
	margin:5px 0 0 0; text-decoration:none; border:thin black none;
}

.splash-content-products-Title a {
	text-decoration:none; color:black;
}

.splash-content-products-Title a:hover{
	text-decoration:none; color:orange;
}

.New-Product {
	float:left; margin:1.5em 0 0 1.5em; width:310px; overflow:visible;
}

.New-Product img {
	border-width:3px; border-color:rgb(248, 224, 150);
}

.New-Product a[href $='.pdf'] img:hover {
	border-width:3px; border-color:orange;
}

.New-Product a:link img:hover {
	border-width:3px; border-color:orange;
}

.New-Product-Background-Orange {
	height:285px; width:310px; margin:0 0 0 0; padding:0 0 10px 0; border-right:solid 1px rgb(232, 177, 13); border-left:solid 1px rgb(232, 177, 13); background-color:white; overflow:hidden;
}

.New-Product-Content {
	float:left; height:285px; width:300px; padding:5px 0 0 0; overflow:auto; text-align:center;
}

/********************/
/*  FOOTER SECTION  */
/********************/

.Back-To-Top {
	float:right; padding:0 10px 0 0;
}

.footer p {
	line-height:1.3em; text-align:center; color:rgb(125, 125, 125); font-weight:bold; font-size:110%;
}

.footer p.credits {
	font-weight:normal;
}

.footer a {
	text-decoration:none; color:rgb(125, 125, 125 );
}

.footer a:hover {
	text-decoration:none; color:rgb(0, 0, 0);
}

.footer a:visited {
	color:rgb(0, 0, 0);
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.header:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.header-breadcrumbs:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.homepageMain:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.contentsArea:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.footer:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {
	.header-top {width:900px; height:80px; background:rgb(240, 240, 240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
	.header-navigation-menu-headingjs {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}
	.header-navigation-menu-heading {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
	.header-breadcrumbs {width: 900px;	background:#E9E9E9; }
	.homepageMain {clear:both; width:900px; padding-top:0px; padding-bottom:30px; background:transparent;}
	.footer {clear: both;width: 900px;	height: 3.7em; padding: 1.1em 0 0; background: white; font-size: 1.0em; overflow: visible !important /*Firefox*/;	overflow: hidden /*IE6*/; background-image: url('../img/bg_footer.jpg'); 
}

.text
{
	border-bottom: solid 1px SteelBlue;
	border-left: solid 1px SteelBlue;
	border-right: solid 1px SteelBlue;
	border-top: solid 1px SteelBlue;
	width: 300px;
}
.text1
{
	border-bottom: solid 1px SteelBlue;
	border-left: solid 1px SteelBlue;
	border-right: solid 1px SteelBlue;
	border-top: solid 1px SteelBlue;
	width: 170px;
}
.text2
{
	border-bottom: solid 1px SteelBlue;
	border-left: solid 1px SteelBlue;
	border-right: solid 1px SteelBlue;
	border-top: solid 1px SteelBlue;
	width: 200px;
}
.err
{
	color: #FF0000;
}
.slides
{
	width: 300px;
	height: 200px;
	margin: 20px 0px 60px 105px;	
	text-align:center;
}
.slides2
{
	width: 300px;
	height: 200px;
	margin: 20px 0px 20px 105px;	
	text-align:center;
}
.slides3
{
	width: 300px;
	height: 200px;
	margin: 0px 0px 20px 105px;	
	text-align:center;
}
.slides4
{
	width: 300px;
	height: 45px;
	margin: 0px 0px 20px 105px;	
	text-align:center;
}
.slides5
{
	width: 300px;
	height: 5px;
	margin: 0px 0px 20px 105px;	
	text-align:center;
}
#rightLogo
{
	float:right;
	width:200px;
	margin-top: 40px;
	text-align: center;
}
#rightLogo2
{
	float:right;
	width:200px;
	margin-top:20px;
	margin-right:68px;
	text-align: center;
}
#rightLine
{
	float:right;
	width:215px;
	margin-top: 0px;
	margin-right:65px;
	text-align:right;
}