img {
 border: 0px;
}
#contentholder {
	clear: both;
	background: white;
	width: 100%;
	text-align: left;
	position: relative;
}
/* Header and everything included */
#header {
 text-align: left;
 width: 100%;
}
#open {position: absolute; top: 54px; left: 7px;} #download {position: absolute; top: 54px; left: 45px;} 
/* body of page */
#banner {float: right; height: 110px; width: 763px; position: relative;} #banner h1 {position: absolute; font-size: 19px; color: white; background: #e42125; top: 28px; left: 0px; line-height: 30px; padding: 0px 20px 0px 10px; margin-top: 13px;}

#subnav {float: left; width: 190px;}  
#subnav ul {list-style-type: none;margin-left: 10px; padding-left: 10px;}   
#subnav ul li a{text-decoration: none; color: #666;}  

#content {padding-top: 20px; float: right; width: 743px; padding-right: 20px;}
#bodycontent {position: relative;}
#bodycontent ul {list-style-type: square; padding-left: 15px; margin-left: 15px;}
#bodycontent a
{
    color: #666;
}
/* footer */
#footer {width: 100%; padding: 20px; color: #fff; font-size: 10px;}
#footer ul {list-style-type: none; margin: 0px; padding: 0px; float: left;} #footer li {display: inline; padding-right: 2px;} #footer a {text-decoration: none; color: #fff; font-size: 10px;}
#copyright {float: right; padding-right: 20px; font-size: 10px;}
/* Red Drop Panels */
.panel_example 
{     
     height:20px; 
     margin: 5px 0px; 
     background: #e42125; 
     color: #fff; 
     width: 100%; 
     font-weight: bold; 
     text-indent: 25px; 
     line-height: 18px; 
}

.panel-target
{
    width: 100%;
    text-align: justify;
}
.panel a {text-decoration:none; color:#fff;} 
.panel-up {background: #e42125 url(../red_plus.gif) no-repeat scroll 10px 5px;} 
.panel-down {background: #e42125 url(../red_minus.gif) no-repeat scroll 10px 5px;} 
.panel-target {padding:5px;} 
.panel-closed {display:none;} 

.grey_button {
 background: url("../grey_plus.gif") no-repeat 0% 50%; } 

#sidebar .grey_button a {
 text-decoration: none;
 font-weight: bold;
}

#style {
	height: 610px;
  overflow: hidden;	
}
#style .containing {
 height: 100%;
 width: 100%;
}
#style .header h1 {
	font-size: 22px;
	width: 455px;
	color: #333333;
	padding: 55px 0px 0px 464px;
	margin: 0px 0px 30px;
	height: 60px;
	overflow: hidden;
	z-index: 1;
	position: relative;
	line-height: 27px;
}

/* Home page red box */
.contentbox {
	background: white;
	width: 285px;
	display: block;
}
.contentbox h1 {
 background: red;
 width: 290px;
 height: 25px;
 color: white;
 font-size: 13px;
 line-height: 25px;
 padding: 0px;
 margin: 0px;
 margin-left: -10px;
 margin-right: -5px; 
 padding-left: 10px;
}
.contentbox h1 a{
 background: red url("../right_red_arrow.gif") 100% 50% no-repeat;
 height: 25px;
 color: white;
 font-size: 13px;
 line-height: 25px;
 padding-right: 10px;
 margin: 0px;
 text-decoration: none;
}
.contentbox h3 {
 font-size: 11px;
 padding: 0px;
 margin: 0px;
}
.contentbox p {
 padding: 0px 0px;
 margin: 5px 0px;
}
.contentbox span {
 padding: 0px 0px;
}
.emailfriendform label
{
    width: 100px;
}
#style h2 {
 font-size: 12px;
 padding: 0px;
 margin: 0px;
 padding-left: 10px;
}
#style h2 a{
 color: #333;
 font-weight: bold;
 padding-left: 10px;
 text-decoration: none;
 background: url(../double_red_arrow.gif) no-repeat 0% 50%; } 



.learn {
	bottom: -14px;
	cursor: pointer;
	color: #CCC;
	position: absolute;
	left: 714px;
	width: 122px;
	height: 24px;
}
.learn a, .learn a:link{
	color: #B9BEEA;
	text-decoration: none;
}
.learn a:visited{
	color: #CCC;
}
#prev {
	position: absolute;
	top: 560px;
	left: 733px;
	cursor: pointer;
	z-index: 500;
	color: #FFF;
	font-weight: bold;
	width: 80px;
	background: url(../button_bg.jpg);
	text-align: center;
	padding: 5px;
	
	display: none;
}
#next {
	position: absolute;
	top: 560px;
	left: 842px;
	cursor: pointer;
	z-index: 500;
	color: #FFF;
	font-weight: bold;
	background: url(../button_bg.jpg);
	padding: 5px;
	width: 80px;
	text-align: center;
	
	display: none;
}
.side {
 position: absolute;
 right: -10px;
 bottom: -10px;
}
.side img {
 padding: 11px;
}
.side h1 {
 position: absolute;
 background: red;
 padding-left: 15px;
 top: 30px;
 left: 0px;
 width: 130px;
 line-height: 17px;
 height: 34px;
}
.black3 {
	background: url(../bg_black75_alpha.png);
	width: 953px;
	position: absolute;
	z-index: 0;
	top:538px;
	left: 0px;
	height: 54px;
}
.black2 {
	background: #000;
	width: 480px;
	position: absolute;
	z-index: 0;
	top:50px;
	left: 30px;
	height: 100px;
}
.scroller-box {
	width: 480px;
	position: absolute;
	z-index: 0;
	top:51px;
	left: 452px;
	height: 100px;
	background: url(../scroller_bg.png) no-repeat;
}

#contentholder label { 
width: 80px; 
float: left; 
text-align: right;
margin-right: 10px;
display: block
}
#list {}
#list a {
 background: url(../back_to_top.jpg) no-repeat 0px 5px;
 text-decoration: underline;
 padding-left: 10px;
 color: black;
 display: block;
 padding-bottom: 10px;
}
#list ul {
 padding: 0px;
 margin: 5px 0px;
}
#list ul li {
 list-style-type: none;
}
#list ul li a{
 background: url(../double_red_arrow.gif) no-repeat 0px 50%;
 text-decoration: none;
 padding: 0px;
 padding-left: 10px;
 font-weight: bold;
 color: black;
 margin-left: 10px;
 display: inline;
}
#list h3{
 font-size: 11px;
 margin-bottom: 0px;
}
#list a {
 background: url(../back_to_top.jpg) no-repeat 0px 5px; 
 text-decoration: underline; 
 padding-left: 10px; 
 color: black; 
 display: block; 
 padding-bottom: 10px;
}

#jumpbox { 
font-size: 13px; 
line-height: 20px; 
padding: 0px; 
margin: 0px; 
padding-left: 7px; 
font-weight: bold; 
width:210px;  
height: 19px;  
background: #fe0000;  
position: absolute;  
top: 20px;  
left: 30px; 
color: white; 
z-index: 200; 
} 
#jumpbox ul { 
width: 150px; 
height: 19px; 
margin: 0px;  
padding: 0px; 
float: right; 
overflow: hidden; 
} 
#jumpbox ul li { 
padding-left: 3px; 
color: black; 
list-style-type: none; 
background: white; 
font-size: 12px; 
} 
#jumpbox ul li a.first { 
background: white url(../jump_drop_arrow.jpg) no-repeat 100% 0%; 
display: block; 
width: 100%;
text-decoration: none;
}

#closeall{cursor:pointer; position: absolute; top: 0px; right: 55px; padding: 0px; width: 60px; text-indent: 0px; padding: 0px; margin: 0px; font-size: 10px;}
#openall{cursor:pointer; position: absolute; top: 0px; right: 0px; padding: 0px; width: 52px; text-indent: 0px; padding: 0px; margin: 0px; font-size: 10px;}

.greybullet {background: url(../grey_li.gif) no-repeat 2px 5px; text-decoration: none; padding-left: 10px;} 
.redbullet {background: url(../red_li.gif) no-repeat 2px 5px; text-decoration: none; padding-left: 10px;} 
.doublearrow {background: url(../double_red_arrow.gif) no-repeat 0px 3px; text-decoration: none; padding-left: 10px; font-weight: bold;} 
.strong {
	color: #FFFFFF;
	margin-right: 14px;
	font-weight: bold;
}
.projectname  {
	color: #FFF;
	font: 14px "Calibri";
	
	padding: 0px 10px 0px 15px;
}
.productdescrip  {
}

.jquerying #prev,
.jquerying #next,
.jquerying .foot {
  display: block; 
}

.foot {
	background: url(../bg_black75_alpha.png);
	position: absolute;
	width: 952px;
	top: 549px;
	padding: 13px 0px 15px;
	font-size: 12px;
	color: #999;
  display: none;
}