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

.links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none}
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}
.linkshome { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6d6f71; text-decoration: none}
.linkshome:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}
.linksdark { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6d6f71; text-decoration: none}
.linksdark:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #A8A9AA; text-decoration: none}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none
}
.style4 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	font-size: 12px;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
.revwhite12pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 1px;
	text-decoration: none;
}
.12ptArialGray  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	}
.10ptArialGray  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	}
.10ptArialGrayLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none
	}
.12ptBoldGray {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none}
.el01 {width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px} /* Width */
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	font-weight: bold;
	text-decoration: none
}
.style101 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.style12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
}
.style13 {color: #FFFFFF}
.style14 {color: white}
.floatright {
	float:right;
	margin: 8px 8px 8px 8px;
}
.floatproductright {
	float:right;
	margin: 12px 0px 0px 8px;
}

/* buttons for support pages  */

.btn { display: block; position: relative; background: #ffffff; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #ffffff; font-size:12px }

.btn:hover { background-color: #eeeeee; }
.btn:active { background-color: #333333; }
.btn[class] {  background-image: url(../images/about/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #ffffff; }
* html .btn:hover { border-color: #eeeeee; }

p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}
.style10 {font-size: 12px}
.btn1 {display: block; position: relative; background: #ffffff; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn1 {background: #ffffff; }
.btn1 {background-image: url(../images/about/shade.png); background-position: bottom; }

/* layout */
		body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:0;
		padding:10px 0 0 0;
		text-align:left;
		background:#ffffff url(../images/common/headerbar10.jpg) repeat-x top left;
		}	

	#container{	
		margin:0px auto;
		width:975px;
		text-align:left;
		position:relative;
		}
	.inner{
		position:relative;
		}
	#header{

		}	
	#footer{
		position:relative;

		padding-top:12px;
		text-align:center;
		clear:both;
		}	
		
	.content{
		clear:both;
		padding:.5em 0;

		}
	.main, .secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
	.main{width:65%; margin-top: 30px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:8px 0 0 8px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px}
	.secondary{width:30%;margin-left:30px; margin-top:30px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:8px 0 0 8px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px}
	.tertiary{}
	.quaternary{}
	.mainwide{
		float:left;
		display:inline;
		}
	.mainwide{
	width:100%;
	margin-top: 45px;
	border-top:0;
	border-left:1px solid #cccccc;
	padding:8px 0 0 8px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px
}
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */	

/* // layout */



/* header */

	#header{
		
		margin:0;
		}
	
	#header h1{
		line-height:50px;
		height:50px;
		margin:0;
		}
	#header h1 a{		
		}		

/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:underline;
		}
	
/* // content */



/* clearfix */

	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */

/* inside or nested slideshow */