@charset "utf-8";
/* CSS Document */

<!--
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
}

h2{
margin:0;
padding:0}

.highlight{
color:#00AA23;}

.highlight_subnavi{
color: #FFCC00;}

a{
color:#FFFFFF;
text-decoration:none}

a:hover{
color:#00CC33;
text-decoration:none}

#rightCorner{
background:url(images/right.jpg) top left no-repeat;}

#background{
background:url(images/background.jpg) top left repeat-x;
height:358px;
background-color:#095378}

#naviback{
background:url(images/navi_back.jpg) top left no-repeat;}
.style2 {font-size: 10}

.borderbottom{
border-bottom:#26759D solid 1px}
-->
.smalltext{
font-size:10px
}

#footer{
background:url(images//products_bottom2.jpg) top left no-repeat;
width:892px;
height:163px;
vertical-align:top;
padding-top:40px;
color: #95ABD5
}


#homefooter{
background:url(images//products_bottom.jpg) top left no-repeat;
width:892px;
height:163px;
vertical-align:top;
padding-top:100px;
color: #95ABD5
}



#gallery{
width:600px;
float:left;
}

#gallerycontent{
width:555px;
#width:553px;
height:350px;
float:left;
line-height:12px;
font-size:11px;
text-align:center;}

.np{
width:22px;
float:left;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 545px;
height: 350px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:5px; /*margin around each panel*/
#margin:2px; /*margin around each panel*/

width: 545px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.paddindtop{
padding-top:5px;
display:block;}