body{
background-image:url(../images/sitebg.jpg);
background-repeat:repeat-x;
background-color:#b2b5b7;
overflow-x:hidden;
overflow-y:auto; 
font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
}
.shell{
margin-left:auto;
margin-right:auto;
width:982px;
}
#top{
position:relative;
top:10px;
margin-bottom:10px;
height:44px;
}
#top .logo{
float:left;	
}
#top .stats
{
    padding-top:10px;
float:right;
font-size:24px;	
}

#top .stats .transactions{
float:right;
color:#00aeef;	
}
#top .stats .subscribers{
float:right;
color:#ffffff;
padding-right:8px;	
}

#search_box {
    width: 201px;
    height: 31px;
    background: url(../images/bg_search_box.png);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: nonek;
overflow: hidden; /*leave this value alone*/
width: 982px; /*Width of Carousel Viewer itself*/
height: 0px; /*Height should enough to fit largest content's height*/
margin-bottom:10px;
}

.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: 0px; /*margin around each panel*/
width: 982px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.clientcarousel{
position: relative; /*leave this value alone*/
border: nonek;
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height: 76px; /*Height should enough to fit largest content's height*/
margin-bottom:10px;
background-image: url(../images/clientSliderBG.png);
}

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

.clientcarousel .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: 980px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.homeBanner{
  position:relative;
  left:-32px;
}
.callButtons{
	position:relative;
float:right;	
top:-97px;
}

.gap{
	height:15px;
	width:100%;

}
.cleargap{
	height:15px;
	width:100%;
	clear:both;
}

b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(rc.png);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px} 

#disclaimer{
width:982px;
float:left;
}

.disclaimer{
	color:#5e6167;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size:15px;
background-color:#ffffff;	


}

#homeContent{
width:653px;
float:left;
}

.homeContent{
	color:#5e6167;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size:15px;
background-color:#ffffff;	


}
.homeContent p{
padding:5px;
padding-left:40px;
padding-right:40px;
padding-bottom:5px;
}
h1{
	font-size:24px !important;
padding-left:40px;
padding-right:40px;
padding-bottom:0px;
margin-bottom:12px;
}
h2{
	font-size:14px !important;
padding-left:40px;
padding-right:40px;
padding-bottom:5px;

}
.bottomborder
{
    padding-bottom:25px;
    border-bottom:dashed 1px #cccccc;
}
.right{
float:right;
width:315px;
}

.findSolution{
	height:60px;
width:100%;
background-color:#dfe1df;
color:#5e6167;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size:11px;
}
.ribbon{
position:relative;
left:-30px;
z-index:5;
width:149px;
margin-bottom:-10px;
}
.rightribbon{
position:relative;
left:0px;
z-index:5;
width:149px;
margin-bottom:-10px;
}
.findForm{
float:right;	

}

#mask {
	background:#678 url(images/mask_gradient_1000.png) no-repeat;
	background-position:-260px -79px;
}

.bubble{
	z-index:10;
 position:relative;
 left:-220px;
}

#toppanel {
	position: absolute;
	width: 982px;
	left: 0px;
	z-index: 25;
	text-align: center;

}
.navPanel {
	width: 982px;
	position: relative;
	top: 0px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background-image:url(../images/navDropBG.jpg);
background-repeat:repeat-x;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height: 100%;
	width: 982px;
	position: absolute;
	z-index: -1;

}

div.overlayVideo {
	
	/* growing background image */
	background-image:url(../images/white_close.png);
	
	/* dimensions after the growing animation finishes  */
	width:340px;
	height:325px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:50px;
	color:#fff;	
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
div.overlayVideo div.close {
	background:none;
	position:absolute;
	left:8px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.solutionDropDowns{
	position:relative;
	top:-40px;
	right:50px;
	float:right;
}
.footer{
color:#797c82;
font-size:10px;
text-align:center;
border-top:solid 1px #797c82;
width:982px;
padding-top:10px;
margin-bottom:10px;
}
.footer a{
color:#797c82;
}

.magenta{
color:#ec008c;	
}
.cyan{
color:#00aeef;	
}
.white{
color:#ffffff;	
}
.red{
color:red;	
}
.yellow{
color:yellow;	
}
.center{
 text-align:center;

}
.padding_left-right{
padding-left:40px;
padding-right:40px;
}
.disclaimer{
margin-top:-2px;	
}
.memberlist img{
width:35px;
height:35px;
}
.blogheadline{
 
width:563px; 
height:31px; 
font-size:16px; 
font-style:italic;
font-family:Arial, Helvetica, sans-serif; 
color:white;	
}
.loginHeroFieldArea{
width:300px;
height:40px;
background-color:#fbf289;
}
.loginHeroFieldArea input{
width:280px;
height:20px; 
border:solid 2px #999;
font-size:20px;
color:#32363f;
}
.signInTD
{
    background-color:White;
}
.signInTextBox
{
    width:300px;
    height:35px;
    border:none;
    font-size:24px;
    color:#32363f;
    padding-left:15px;
}
.errorMessageTD
{
    width:683px;
    height:43px;
    text-align:right;
    padding-right:78px;
}
.errorMessage
{
    color:Red;
}
.regTextBox
{
    background-color:White;
    width:430px;
    height:61px;
    font-size:42px;
    color:#32363f;
    padding-left:5px;
    border:none;
}
.promochecktd
{
    width:25px;
    vertical-align:top;
    text-align:center;
}
.promochecktd
{

    vertical-align:top;

}
div.thumbnails
{
    text-align:left;
}
div.thumbnails span
{
    background-image:url('/images/tmicon.jpg');
    width:48px !important;
    height:48px !important;
}
.error
{
    color:Red;
}

.accountArea span{
	font-size:16px;
	 font-family:Tahoma, Geneva, sans-serif;
	color:#00aeef;
	
 }
 .accountArea{
	padding:10px;
	
 }
.accountArea div{
	font-size:22px;
	 font-family:Tahoma, Geneva, sans-serif;
	color:#5e6167;
	background-color:white;

	width:270px;
	padding:4px;
	
 }


.accountArea .textbox{
	font-size:22px;
	 font-family:Tahoma, Geneva, sans-serif;
	color:#5e6167;
	background-color:white;
border:none;
	width:255px;
	padding:4px;
	
 }
 
.accountArea .link{
	font-size:14px;
	 font-family:Tahoma, Geneva, sans-serif;
	color:#00aeef;
	
	
 }
 ol
 {
     margin-right:40px;
 }
 .blogTeaserTitle
 {
     font-size:22px !important;
 }