/* CSS Document */

html, body, #sarapper {	
   	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;padding: 0; height:100%; background-color: #021231;}

#gradient{background: #021231 url(images/idx-bg1.gif) top center repeat-x;  height:175px;}
#gradient2{background: #021231 url(images/in-bg.gif) top center repeat-x;  height:242px;}
#gradient3{background: #021231 url(images/in-bg2.gif) top center repeat-x;  height:448px;}
#gradient4{background: #021231 url(images/in-bdy1.gif) top center repeat-y; }
#gradient5{background: #021231 url(images/in-bdy2.gif) top center repeat-y; }
#gradient6{background: #021231 url(images/in-bdy2b.gif) top center repeat-y; }
#gradient7{background: #021231 url(images/in-bdy3.gif) top center repeat-y; }
#gradient8{background: #021231 url(images/in-bdy4.gif) top center repeat-y; }
#gradient9{background: #021231 url(images/in-bdy5.gif) top center repeat-y; }
#gradient10{background: #021231 url(images/prod-gradient.gif) top center repeat-y; }

#bgmain{background: #021231 url(images/idx-bg.jpg) top center no-repeat;  height:535px;}
#prod{background: #021231 url(images/prod-bg1b.gif) top center no-repeat;  height:140px;}




/* ----- backgrounds ---- */
.brdr1{background: url(images/bg-top.gif) repeat-x; height:33px;}
.box1{background: #c2cdd6; } .box2{ border:#CCC solid 1px; }
.line1{background: url(images/line1.gif) top center repeat-x;  height:2px;}
.irLabel{background: url(images/ir-tp2.gif) top no-repeat;  height:26px;}


/* ----- menu---- */
a.rollover1 {
	display: block;	width: 163px;	height: 47px;	text-decoration: none;	background: url(images/roll1.gif);}
a.rollover1:hover {
	background-position: -163px 0;	}
a.rollover2 {
	display: block;	width: 160px;	height: 47px;	text-decoration: none;	background: url(images/roll2.gif);}
a.rollover2:hover {
	background-position: -160px 0;	}
a.rollover3 {
	display: block;	width: 142px;	height: 47px;	text-decoration: none;	background: url(images/roll3.gif);}
a.rollover3:hover {
	background-position: -142px 0;	}
a.rollover4 {
	display: block;	width: 68px;	height: 47px;	text-decoration: none;	background: url(images/roll4.gif);}
a.rollover4:hover {
	background-position: -68px 0;	}
a.rollover5 {
	display: block;	width: 187px;	height: 47px;	text-decoration: none;	background: url(images/roll5.gif);}
a.rollover5:hover {
	background-position: -187px 0;	}
a.rollover6 {
	display: block;	width: 58px;	height: 47px;	text-decoration: none;	background: url(images/roll6.gif);}
a.rollover6:hover {
	background-position: -58px 0;	}
a.rollover7 {
	display: block;	width: 82px;	height: 47px;	text-decoration: none;	background: url(images/roll7.gif);}
a.rollover7:hover {
	background-position: -82px 0;	}

.infiniteCarousel {
  width: 434px;
  position: relative;
}
.infiniteCarousel .wrapper {
  width: 330px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 150px;
  margin: 0 50px; 
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 150px;
  width: 50px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 200ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.gif) no-repeat 0 0;
  text-indent: -2800px;
  position: absolute;
  top: 29px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/* ----- Text ---- */

.txt-R-Black{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;text-decoration: none;color: #2f2f2f;}

.subhead-white{
	font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-decoration: none;color: #fff;}
.subhead-Black22{
	font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;text-decoration: none;color: #2d2d2d;}

.head-blue{
	font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;text-decoration: none;color: #004097;}
a.head-blue:hover{
	font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: bold;text-decoration: none;color: #001f48;}

.head-blueSmall{
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-decoration: none;color: #004097;}
a.head-blueSmall:hover{
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-decoration: none;color: #001f48;}

.head-red{
	font-family: Arial, Helvetica, sans-serif;font-size: 22px;font-weight: normal;text-decoration: none;color: #9d0900;}

.subhead-Black33{
	font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;text-decoration: none;color: #2d2d2d;}




/* LIINNKKSS */


.link-white{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;color: #fff;}
a.link-white:hover{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: underline;color: #9bfbff;}
.link-blue{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;text-decoration: none;color: #002869;}
a.link-blue:hover{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;text-decoration: none;color: #0060ff;}

.sub-link-red{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;color: #a70000;}
a.sub-link-red:hover{
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;color: #50abff;}

/* MISC MISC */
.bgtd {
    padding: 6px 12px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #630000;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.bgtd:hover {
   border-top-color: #103151;
   background: #103151;
   color: #ffffff;
   }
   .bgtd:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   



.button {
   border-top: 1px solid #ffffff;
   background: #9eb4cc;
   background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#9eb4cc));
   background: -moz-linear-gradient(top, #feffff, #9eb4cc);
   padding: 6px 12px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #630000;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #061430;
   background: #061430;
   color: #ffffff;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
.search_field{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #646464;
	background:transparent;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #7c7b7b;
	border-bottom-color: #7c7b7b;
	border-left-color: #7c7b7b;
	border-right-color: #7c7b7b;
}
.footer{
	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: normal;	text-decoration: none;
	color: #0084ea;
}
a.footer:hover{
	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: normal;	text-decoration: none;
	color: #fff;
}

.foot2{
	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	font-weight: normal;	text-decoration: none;
	color: #13305f;
}
a.foot2:hover{
	font-family: Arial, Helvetica, sans-serif;	font-style: normal;    font-size: 9px;	font-variant: normal;	text-decoration: none;
	color: #1560de; 
}

#ctcbg{background:url(images/ctc-lbl.gif) no-repeat; width:709px; height:46px; padding-top:9px;}
.linkWhitey{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	text-decoration: none;
	color: #fff;
}
a.linkWhitey:hover{	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	text-decoration: none;
	color: #ff0e00;
}