/* CSS Document */

/* ---------------------- */
/* RNI CSS Document  */
/* ---------------------- */
html {
	height:100%;
}
body  {
	background-image:url(../images/train-bk.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #444;
	margin: 0;
	padding: 0;
	text-align: left;
	min-height:101%;
}
p {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #444;
	font-weight: normal;
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 0;
	text-align: left;
}
a, a:link, a:visited, a:hover {
	color: #0A4B9C;
	text-decoration: none;
} 
a:hover {
	color: #002244;
	text-decoration: none;
} 
a.blk-text, a.blk-text:link, a.blk-text:visited {
	color: #4d4d4d;
	text-decoration: none;
} 
a.blk-text:hover {
	color: #000;
}
a.red-text, a.red-text:link, a.red-text:visited {
	color: #FF0000;
	
} 
a.red-text:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.white-text, a.white-text:link, a.white-text:visited {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	
} 
a.white-text:hover {
	color: #FFFFFF;
	text-decoration: none;
}
h1 {
 font-size: 150%;
 font-weight: normal;
 color: #930;
 padding-bottom: 12px;
}
h2 {  
	 font-size: 18px;
	 color: #0A4B9C;
	 font-weight: bold;
	 margin: 0;
	 margin-bottom: 5px;
	 padding: 0;
	 text-align: left;
}
h3 {  
	 font-size: 14px;
	 color: #444;
	 font-weight: bold;
	 margin: 0;
	 padding: 0;
	 padding-bottom: 0;
	 text-align: left;
}
h4 {  
	 font-size: 15px;
	 color: #0A4B9C;
	 margin: 0;
	 padding: 5px 0px 5px 6px;
	 background: #E5E5E5;
	 border-bottom: 1px solid #C9C9C9;
	 line-height: 13px;
}

h6 {  
	 font-size: 18px;
	 color: #0A4B9C;
	 margin: 0;
	 padding: 0 0 0 0;
	 text-align: left;
}
h7 {  
	 font-size: 15px;
	 color: #0A4B9C;
	 margin: 0;
	 padding: 0 0 0 0;
	 text-align: left;
	 font-weight: bold;
}
h5 {
	padding: 6px 8px 0px 6px; 
	font-size: 13px; 
	font-weight: bold;
	margin: 0;
	line-height: 11px;
}
hw {  
	 font-family: arial,helvetica,sans-serif;
	 font-size: 15px;
	 color: #ffffff;
	 font-weight: bold;
	 margin: 0;
	 padding: 0;
	 padding-bottom: 0;
	 text-align: left;
}
hb {  
	 font-family: arial,helvetica,sans-serif;
	 font-size: 15px;
	 color: #0A4B9C;
	 font-weight: bold;
	 margin: 0;
	 padding: 0;
	 padding-bottom: 0;
	 text-align: left;
}
h4.on,
h5.on {
	color: #FFF;
}

/* Google Fonts */
.d18
{
font-family: 'droid sans', arial, helvetica, verdana;
font-color: #858585;
font-size:18px;
font-weight: normal;
text-shadow: 3px 3px 3px #aaa;
}
.d16
{
font-family: 'droid sans', arial, helvetica, verdana;
font-color: #858585;
font-size:16px;
font-weight: normal;
text-shadow: 2px 2px 2px #aaa;
line-height: 130%;
}
.d16bs
{
font-family: 'droid sans', arial, helvetica, verdana;
font-color: #858585;
font-size:16px;
font-weight: bold;
text-shadow: 2px 2px 2px #aaa;
line-height: 130%;
}
.d16b
{
font-family: 'droid sans', arial, helvetica, verdana;
font-color: #858585;
font-size:16px;
font-weight: bold;
line-height: 130%;
}
.d13s
{
font-family: 'droid sans', arial, helvetica, verdana;
font-color: #000000;
font-size:13px;
font-weight: normal;
text-shadow: 2px 2px 2px #aaa;
}
.d13bs
{
font-family: 'droid sans', arial, helvetica, verdana;
font-color: #000000;
font-size:13px;
font-weight: bold;
text-shadow: 2px 2px 2px #aaa;
}
.d13b
{
font-family: 'droid sans', arial, helvetica, verdana;
font-color: #000000;
font-size:13px;
font-weight: bold;
}
/* End Google Fonts */
#content2 .hr {
	background: #CCC url(../images/spacer.gif) repeat-x 0;
	background-position: center center;
	height: 1px;
	margin-top: 5px;
	padding-bottom: 9px;
	margin-bottom: 5px;
	color: #E5E5E5;
	border: none;
}
/* --------------- */
/*  Main Navigation   */
/* --------------- */
#mainnav {
width: 762px;
height: 23px;
padding: 0;
margin: 0;
}

#mainnav ul {
padding: 0;
margin: 0;
list-style: none;
float: left;
display: inline;
} 

#mainnav ul li {
padding: 0;
margin: 0;
float: left; 
}

#mainnav ul li img {
padding: 0;
margin: 0;
float: left; 
}

#contact-layer {
color: #FFFFFF;
font-weight: bold;
position:absolute;
width:348px;
height:27px;
z-index:1;
left: 520px;
top: 182px;
}
/* --------------- */
/*  Layout Divs   */
/* --------------- */
#bgbanner {
	width: 762px;
	background: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
}
#globalnav {
	text-align: right;
	position:absolute;
	width:297px;
	height:23px;
	z-index:1;
	left: 555px;
	top: 7px;
}
#globalnav a:link, #globalnav a:active, #globalnav a:visited { 
	color: #FFF;
	text-decoration: none; 
}
#globalnav a:hover { 
	text-decoration: underline;
}
#globalnav .divider { 
	font-family: arial, helvetica, Sans-Serif; 
	font-size: 11px; 
	color:#FFF; 
	font-weight: bold;
	margin-left: 7px;
	margin-right: 7px;
}
/* ---------------- */
/*  Content Divs  */
/* ---------------- */
#main {
	width: 762px;
	background: #fff; 
	margin: 0;
	margin-top: 15px; /* was 35px */
	padding: 4px;
	border: 1px solid #667E8D;
	/* added below */
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#sub-banner {
	width: 580px;
	height: 80px;
	background: #CCC; 
	margin: 0;
	padding: 0;
	float: right;
	margin-bottom: 8px;
}
#sub-banner .subtitle {
	padding: 27px;
	text-align: left;
	font-size: 20px;
	color: #666666;
	font-weight: bold;
}
#sub-banner .subphoto {
	float: right;
	voice-family: "\"}\"";
	voice-family:inherit;
}
/* ------------------------ */
/*  Left Navigation Divs  */
/* ------------------------ */
#leftnav {
	background: #E5E5E5;
	width: 155px;
	text-align: left;
	float: left;
	padding: 0;
	padding-right: 2px;
	margin: 10px 0 0 2px;
}

#leftnotes {
	background: #E5E5E5;
	width: 129px;
	text-align: left;
	float: left;
	padding: 0;
	padding-right: 2px;
	margin: 4px 0 0 20px;
}


/* --------------------------- */
/*  graybox Nav   */
/* --------------------------- */
#leftnav .greybox {
	width: 157px;
	border: 0; 
	margin-bottom: 8px;
	font-size: 12px;
}
.greybox h5 a:link, 
.greybox h5 a:visited, 
.greybox h5 a:hover { 
	text-decoration: none; 
	color: #454545; 
}
#leftnav .dgreybox {
	width: 157px;
	border: 0; 
	margin-bottom: 8px;
	font-size: 12px;
	color:#ffffff;
}
.dgreybox h5 a:link {
	color:#ffffff;
}
.dgreybox h5 a:visited {
	color:#ffffff;
}
.dgreybox h5 a:hover { 
	text-decoration: none; 
	color:#ffffff; 
}
#leftnav .dottedline,
#rtcol .dottedline {
	background: #fff url(../images/bkg-greydot.gif) repeat-x 0; 
	width: 131px; 
	height: 1px; 
	font-size: 1px;
	line-height: 1px;
	margin-top: 4px;
	padding-top: 0; 
}
/* ---------------- */
/*   Quick Links   */
/* ---------------- */
#leftnav .quicklinks ul {
  	margin: 0 0 2px 8px;
	border-top: 0;
	padding: 3px 0 0 5px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
}
#leftnav .quicklinks ul li { 
	padding-bottom: 0px;
}
#leftnav .quicklinks ul li a:link, 
#leftnav .quicklinks ul li a:visited { 
	color: #444;
}
#leftnav .quicklinks ul li a:hover { 
	color: #0A4B9C;
}
#leftnav .quicklinks-sub ul {
  	margin: 0 0 0px;
	border-top: 0;
	padding: 0 0 0 6px;
	list-style: none;
	font-size: 12px;
	font-weight: normal;
}
#leftnav .quicklinks-sub ul li { 
	padding-bottom: 0px;
}
#leftnav .quicklinks-sub ul li a:link, 
#leftnav .quicklinks-sub ul li a:visited { 
	color: #444;
}
#leftnav .quicklinks-sub ul li a:hover { 
	color: #0A4B9C;
}
#leftnav .shop-on {
	color: #0A4B9C;
}
#leftnav .shop-on2 {
	color: #ffbd00;
	font-size: 13px;
}
#leftnav .flinks ul {
  	margin: 0 0 2px 8px;
	border-top: 0;
	padding: 3px 0 0 5px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
}
#leftnav .flinks ul li { 
	padding-bottom: 0px;
}
#leftnav .flinks ul li a:link, 
#leftnav .flinks ul li a:visited { 
	color:#ffffff;
}
#leftnav .flinks ul li a:hover { 
	color: #ffbd00;
}





/* ------------------------ */
/*  Right Navigation Divs  */
/* ------------------------ */
#rightnav {
	width: 165px;
	text-align: left;
	float: right;
	padding: 4px; /* was 5px */
	margin: 0;
}
/* ---------------- */
/*   Articles Links   */
/* ---------------- */
#rightnav .quicklinks ul {
  	margin: 0;
	border-top: 0;
	text-align: left;
	padding-left: 0px;
	list-style: none;
	list-style-type: none;
	font-size: 12px;
	color: #454545;
	line-height: 13px;
	background: #bacbdc;
}
#rightnav .quicklinks ul li {
	text-align: left;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 5px;
	padding-bottom: 2px;
	list-style: none;
	list-style-type: none;
	font-size: 12px;
	color: #454545;
	line-height: 13px;
	background: #bacbdc;
}
#rightnav .quicklinks ul li a:link, 
#rightnav .quicklinks ul li a:visited, 
#rightnav .quicklinks ul li a:hover { 
	color: #454545;
	text-decoration: none;
	list-style-type: none;
	background: #bacbdc; 
}
#rightnav .bluebox {
	background: #bacbdc; 
	width: 160px;
	border: 1px solid #C9C9C9; 
	margin-bottom: 8px;
	font-size: 12px;
	font-size: 12px;
	color: #454545;
	line-height: 13px;
	list-style-type: none;
}
.bluebox h5 a:link, 
.bluebox h5 a:visited, 
.bluebox h5 a:hover { 
	text-decoration: none; 
	color: #bacbdc; 
}
/* ---------------- */
/*  Content Divs  */
/* ---------------- */
#center {
width: 745px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#contentwrap {
	background: #fff; 
	width: 745px;
}
#content {
	margin: 8px 0 5px 5px; /* ORIG margin: 15px 0 5px 5px; */
	padding: 0;
	float: left;
	background: #FFF;
	width: 597px; /* ie5win fudge begins */
	height: inherit; 
	width: 597px;
	font-size: 12px;
	color: #444;
	font-weight: normal;
}
#content2 {
	margin: 10px 0 5px 10px;
	padding: 0;
	float: left;
	background: #FFF;
	width: 590px; /* ie5win fudge begins */
	height: inherit; 
	width: 590px;
	font-size: 12px;
	color: #444;
	font-weight: normal;
}
#content ul{
	margin: 0;
	padding: 0;
	text-align: left;
}
#content ul li {
	background: #FFF;
	margin: 0;
	padding: 0;
	margin-left: 0;
	text-align: left;
}
#content ol{
	margin: 0;
	padding: 0;
	text-align: left;
}
#content ol li {
	margin: 0;
	padding: 0;
	margin-left: 0;
	text-align: left;
}
#view-cart {
	position:absolute;
	width:169px;
	height:35px;
	z-index:2;
	left: 700px;
	top: 222px;
	text-align: right;
}
/* Begin DHTML Slider */
.contentslide{
background-color: #FFF;
border: 5px solid #CCC;
border-bottom-width: 6px;
padding: 0;
width: 545px;
height: 150px;
margin: 0;
text-align: left;
}
.contentslide .contentdiv{
display: none;
margin: 0 5px;
text-align: left;
}
.pagination{
width: 545px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #CCC;
border: 5px solid #CCC;
border-width: 0 5px; /*Left/ right border width of pagination DIV.*/
padding-bottom: 5px;
margin: 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 545px; /*IE5 width*/
width: 545px; /*IE6 width*/
}

.pagination a{
font-family : Arial, Verdana, sans-serif;
padding: 0 5px;
text-decoration: none; 
color: #000;
background-color:#ffffff;
font-size : 12px; 
}

.pagination a:hover, .pagination a.selected{
color: #FFF;
background-color: #0A4B9C;
}
/* End DHTML Slider */

#news {
	margin: 15px 0 0 12px;
	padding: 0;
	float: left;
	background: #FFF;
	width: 195px; /* ie5win fudge begins */
	height: inherit; 
	width: 195px;
	font-size: 12px;
	color: #444;
	font-weight: normal;
}
#content2 .img-left {
	float: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-right: 10px;
	margin-bottom: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#content2 .img-l-indent {
	float: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: 10px;
	margin-bottom: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#content2 .img-right {
	float: right;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: 10px;
	margin-bottom: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#content2 .img-r-indent {
	float: right;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: 10px;
	margin-bottom: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#content2 .img {
	border: 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/* Old gray-Container 
#content2 .gray-container {
	background: #e4e4e4; 
	text-align: left; 
	margin-top: 7px; 
	padding: 5px;
} */

/* New gray-Container */
#content2 .gray-container {
	background-color: #e4e4e4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #667E8D;
	padding: 5px;
	text-align: left; 
	margin-top: 4px;
}


#content2 .white-container {
	background-color: #FFFFFF; 
	text-align: left; 
	margin-top: 4px; 
	padding: 5px;
}
/* Old Dark Gray-Container 
#content2 .dgray-container {
	background: #666666; 
	text-align: left; 
	margin-top: 4px; 
	padding: 5px;
} */

/* New Dgray-Container */
#content2 .dgray-container {
	background-color: #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #666666;
	padding: 5px;
	text-align: left; 
	margin-top: 4px;
}


/* Old Blue-Container
#content2 .blue-container {
	background: #748aa2; 
	text-align: left; 
	margin-top: 4px; 
	padding: 5px;
}  */

/* New Blue-Container */
#content2 .blue-container {
	background-color: #748aa2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #748aa2;
	padding: 5px;
	text-align: left; 
	margin-top: 4px;
}


/* Added D-Blue-Container
#content2 .dblue-container {
	background: #254e79; -- was 748aa2 --
	text-align: left; 
	margin-top: 4px; 
	padding: 5px;
}  */

/* New D-Blue-Container */
#content2 .dblue-container {
	background-color: #5a7c9b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #5a7c9b;
	padding: 5px;
	text-align: left; 
	margin-top: 4px;
}

/* Old midblue-Container
#content2 .midblue-container {
	background: #6282a0; -- was 2b547e --
	text-align: left; 
	margin-top: 4px; 
	padding: 5px;
}
*/

/* New midblue-Container */
#content2 .midblue-container {
	background-color: #8ea4b8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #8ea4b8;
	padding: 5px;
	text-align: left; 
	margin-top: 4px;
}

/* New liteblue-Container */
#content2 .liteblue-container {
	background-color: #d2dce7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #667E8D;
	padding: 5px;
	text-align: left; 
	margin-top: 4px;
}

/* Old liteblue-Container
#content2 .liteblue-container {
	background: #d2dce7; 
	text-align: left; 
	margin-top: 4px; 
	padding: 5px;
} */

/* Old darkblue-Container 
#content2 .darkblue-container {
	background: #113b65; 
	text-align: left; 
	margin-top: 4px; 
	padding: 5px;
} */

/* New darkblue-Container */
#content2 .darkblue-container {
	background-color: #113b65;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: #113b65;
	padding: 5px;
	text-align: left; 
	margin-top: 4px;
}

/* Added white div with border */
.rounded {
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-top-left-radius:5px;
    	border-top-left-radius:5px;
    	border-bottom-right-radius:5px;
    	border-bottom-left-radius:5px;
	border: 1px;
	border-style: solid;
	border-color: #667E8D;
	padding: 5px;
	text-align: left; 
}
/* Added white div with border */
.world {
	margin-top: 15px;
	margin-left: 70px;
	margin-right: 15px;
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-top-left-radius:5px;
    	border-top-left-radius:5px;
    	border-bottom-right-radius:5px;
    	border-bottom-left-radius:5px;
	border: 1px;
	border-style: solid;
	border-color: #667E8D;
	padding: 5px;
	text-align: left;
	font-size:1.25em 
}

/* --------------- */
/*  breadcrumbs  */
/* --------------- */
#breadcrumbs {
	margin: 0;
	margin-bottom: 8px;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #0A4B9C;
	text-align: left;
	font-weight: normal;
}
#breadcrumbs a {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #777777;
	font-weight: normal;
}
#breadcrumbs a:hover {
text-decoration: underline;
}
/* --------------- */
/* end breadcrumbs */
/* --------------- */

/* --------------- */
/*  Grey Dots      */
/* --------------- */
.greydots { 
	background:#fff url(../images/bkg-greydot.gif) repeat-x;
	padding-bottom: 2px;
}
/* --------------------- */
/*  Back to Top  */
/* --------------------- */
.backtop {  
	 font-size: 10px;
	 color: #3195B5;
	 padding: 0 0 5px 0;
	 text-align: left;
}

/* --------------------- */
/*  Footer Navigation  */
/* --------------------- */
#footer {
	background: #fff; 
	width: 762px; 
	border-top: #0A4B9C solid 5px; 
	padding: 2px 0 0 0;
	margin-top: 2px;
	margin-bottom: 1px; /* Was 10px */
	text-align: center;
}
#footer ul {
	margin-left: 0;
	font-size: 12px;
	color: #0A4B9C;
	font-weight: normal;
	padding-left: 0;
	display: inline;
} 
#footer ul li {
	margin-left: 0;
	padding: 0 4px 0 4px;
	list-style: none;
	display: inline;
	height: 27px;
}			
#footer ul li.first {
	background: none; 
}	
#footer ul li a:link, 
#footer ul li a:visited{
	color: #0A4B9C;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #002244;
	text-decoration: underline;
}
/* Added Bordered Table */
/* Usage:
<table class="sample">
<tr>
	<th>Header</th>
	<td>Content</td>
</tr>
</table>
------ */
table.border {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}
table.border th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
table.border td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
/* Buttons : STANDARD */

button:hover, .buttons a:hover{
    background-color:#A3B6CE;
    border:1px solid #667E8D;
    color:#000000;
        -moz-border-radius: 5px;
}
.buttons a:active{
    background-color:#707070;
    border:1px solid #667E8D;
    color:#fff;
    	-moz-border-radius: 5px;
}

/*  Buttons : POSITIVE */

button.positive, .buttons a.positive{
    color:#000000;
    border:1px solid #667E8D;
	-moz-border-radius: 5px;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#707070;
    border:1px solid #667E8D;
    color:#ffffff;
	-moz-border-radius: 5px;
}
.buttons a.positive:active{
    background-color:#9c9c9c;
    border:1px solid #667E8D;
    color:#707070;
	-moz-border-radius: 5px;
}

/*  Buttons : NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	-moz-border-radius: 5px;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
	-moz-border-radius: 5px;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
	-moz-border-radius: 5px;
}

/* -------------- */
/*   --  end  --  */
/* -------------- */