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

body {
	background-color: #f7f7f7;
	margin-left: 0px;
	font-family:Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;}
 
a { text-decoration: none; 
     color:#0088CC;
	 font-family:Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif;}
 
a:hover {
	color: #0088CC;
	text-decoration: underline}

	
a img {border:0;}
	
.h1 {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	padding-top: 5px;
	line-height: 29px;}

.h2 {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #333;}
	
.h3-black {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, sans-serif;
	font-size: 26px;}
	
.h3-red {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, sans-serif;
	font-size: 26px;
	color: #cc0000;}

.heading-blue {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #003366;
}

.text-black {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-top: 4px;
	font-weight: ;}
	
.text {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;}

.text-product-header {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: #000;
	padding-top: 5px;
	line-height: 29px;}
	
	
.text-right {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, Arial, sans-serif;
	color: #333333;
	line-height: 22px;}
	
.text-bottom {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, Arial, sans-serif;
	color: #FFFFFF;}


.text-footer {
	font-family: Myraid Pro, Bell Gothic, Tahoma, Geneva, Arial, sans-serif;
	color: #333333;
	font-size:14px}

#container {
width:1106px;
margin: 0 auto;
}

#left {
	background-image:url(img/leftbox.png);
	background-repeat:no-repeat;
	width:9px;
	height:179px;
	float:left;
	position:relative;
	margin: 0 auto;
}

#right {
	background-image:url(img/rightbox.png);
	background-repeat:no-repeat;
	width:9px;
	height:179px;
	float:left;
	position:relative;
	margin: 0 auto;
}

.stepcarousel{
background-color:#00FFCC;
background-image:url(img/boxbg.png);
position: relative; /*leave this value alone*/
float:left;
margin: 0 auto;
border: none;
overflow: scroll; /*leave this value alone*/
width: 1088px; /*Width of Carousel Viewer itself*/
height: 179px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	background-repeat:repeat-x;
	position: absolute; /*leave this value alone*/
	height: 181px;
	left: -4px;
	top: 1px;
	width: 1093px;
}

.stepcarousel .panel{
border: none;
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: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:179px;
}