@charset "utf-8";

/* CSS Document */



/*images slider css......................................................................*/

 

 



.stepcarousel{

position: relative; /*leave this value alone*/

/*border: 10px solid black;*/

overflow: scroll; /*leave this value alone*/

margin-top:7px;

width: 715px !important; /*Width of Carousel Viewer itself*/

height: 110px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 1;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px; /*margin around each panel*/

width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}





/*

.barrL{width:30px; height:110px; position:absolute; margin:0px 0 0 0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrows-left.png') no-repeat; cursor:pointer; z-index:999;}



html>body .barrL { background: transparent url(/images/arrows-left.png) no-repeat top left; }



.barrR{width:30px; height:110px; position:absolute; margin:0px 0 0 920px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrows-right.png') no-repeat; cursor:pointer; z-index:999;}



html>body .barrR { background: transparent url(/images/arrows-right.png) no-repeat top left; }



.brd2w{ border:2px solid #fff;}*/







.barrL{width:30px; height:110px; position:absolute; margin:0px 0 0 0px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrows-left.png') no-repeat; cursor:pointer; z-index:999;}

html>body .barrL { background: transparent url(../Contents/Images/arrows-left.png) no-repeat top left; }

.barrR{width:30px; height:110px; position:absolute; margin:0px 0 0 685px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrows-right.png') no-repeat; cursor:pointer; z-index:999;}

html>body .barrR { background: transparent url(../Contents/Images/arrows-right.png) no-repeat top left; }

.brd2w{ border:2px solid #fff; } 



.MT55{margin-top:10px;}





/*  Comment Text box border and size*/

 



 

 

 

.transparentLayer{

	background:#000;

	filter:alpha(opacity=40);

	float:left;

	top:0;

	height:40px;

	left:0;

	opacity:0.50;

	position:absolute;

	width:100%;

}

.textOnLayer{

	float:left;

	bottom:0;

	height:40px;

	left:0;

	position:absolute;

	width:100%;

}

.textOnLayer-left{

	color:#fff;

	float:left;

	font-size:12px;

	font-weight:normal;

	line-height:1.1em;

	padding-left:15px;

	padding-top:12px;

	position:relative;

	width:auto;

}

.textOnLayer-right{

	float:right;

	padding-right:10px;

	padding-top:5px;

	position:relative;

	width:auto;

}

.textOnLayer-right a:link,

.textOnLayer-right a:visited,

.textOnLayer-right a:hover,

.textOnLayer-right a:active{

	color:#fff;

}



 

 

 

 a.nav:link,a.nav:visited,a.nav:active {

color:#FFF;

text-decoration:none

}