/* The toolbar for the content box */

.scroller_container
{
	position:relative;*height:39em;
}

ul#scroller_toolbar {
	height: 70px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
}
	
#scroller_toolbar li {
	float:left;
	width:191px;
	color:#666;
}
	
#scroller_toolbar li a {
	padding-top:10px;
	display:block;
	height:59px;
 }
 
ul#scroller_toolbar li a, ul#scroller_toolbar li a:active, ul#scroller_toolbar li a:hover, ul#scroller_toolbar li a:visited
{
	text-decoration:none;
}
	
#scroller_toolbar li.active {
	background: url(/images/bg-slider-active-tab.png);
}

#scroller_toolbar li.inactive {
	background:none;
}
	
#scroller_toolbar li:hover {
	background-position: top;
	}

#scroller_toolbar h3 {
	font-size:20px;
	font-family:Arial, sans-serif;
	font-style:normal;
	letter-spacing:-0.02em;
}
#scroller_toolbar a {
	font-family:Georgia, serif;
	color:#444;
	font-size:13px;
}
#scroller_toolbar li {
	border-bottom:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	width:190px;
}
#scroller_toolbar li.active {
	border-bottom:none;
}
#scroller_toolbar li.active a {
	color:#000;
}
#scroller_toolbar li#ws-tab {
	border-right:none;
	width:194px;
}	
/* The slide-y content box thingy */

#scroller_frame, #scroller_frame div.scroller_button, #scroller, .scroller_section { height: auto;}

#scroller_frame {
	overflow: hidden;
	margin: 0 auto;
	width: 915px;
	position: relative;
	}
	
div.scroller_button {
	position:absolute;
	top:150px;
	width:29px;
	height:130px;
}
	
div.scroller_button#scroller_left { left: -29px; }
div.scroller_button#scroller_right { right: -29px; }

#scroller {
	width: 915px;
	overflow: hidden;
}

#scroller_content {
	width: 5250px;
	}
	
.scroller_section {
	width: 915px;
	margin: 10px 10px 20px 10px;
	float: left;
	text-align: center;
	}

.scroller_section div.left {width:650px;float:left;}
.scroller_section div.right {width:200px;float:left;}

.scroller_section h2,.scroller_section h3,.scroller_section p,.scroller_section ul {color:#333;}
	
.scroller_section p {
	text-align: left;
font-size:16px;line-height:1.4em;
}
	
.scroller_section h2, .scroller_section h3 {
	background: none !important;
	text-align: left;
}
.scroller_section h2 {
        font:bold 24px Arial, serif !important;
        letter-spacing:-1px;
padding:20px 0 15px 0 !important;
line-height:1.1em !important;color:#333 !important;
}
.scroller_section h2 span.highlight{
        background-color:#FFFFCC;
}
.scroller_section h3 {
        clear:both;
        padding-top:40px;
font-size:16px;
}

.scroller_section p.pad-top {clear:both;padding-top:40px;}
.scroller_section div.left ul {
	width:650px;
	margin:0;
	padding:0;
	line-height:1.371em;
	list-style:none;
	text-align:left;
	font-size:18px;
}

.scroller_section div.left li {
	width:305px;
    float:left;padding: 0 0 0 20px;
	background:transparent url(/images/check-md.gif) no-repeat left center;
}
.no_padding
{
	padding:0 !important;
}



.scroller_section ul.subnav li a{
font-size:18px;font-style:italic;    
background: #7FCA32;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;white-space:nowrap;
}




#es-pane div.imageblock {background:#FFF url(/images/scroller-note-1.jpg) no-repeat 15px 40px;width:258px;height:280px;}
#es-pane div.tolly {background:transparent url(/images/scroller-logo-tolly.gif) no-repeat left 21px;padding-left:70px;height:90px;margin-top:-14px;}
#es-pane ul.subnav {margin-top:14px;margin-left:50px;}

#he-pane div.mobile {display:block;clear:both;background:#FFF url(/images/scroller-he-mobile.jpg) no-repeat 100px 0px;width:650px;height:95px;}
#he-pane div.imageblock {background:#FFF url(/images/scroller-he-price.jpg) no-repeat 50px 40px;margin-left:-40px;width:290px;height:250px;}
#he-pane ul.subnav {margin-top:34px;margin-left:65px;}

#a-pane div.imageblock {background:#FFF url(/images/scroller-archiving-how.jpg) no-repeat 0 -15px;width:265px;height:290px;}
#a-pane .logo.gr.sm {margin:12px 15px 0 0;}
#a-pane ul.subnav {margin-top:-6px;margin-left:50px;}

#ws-pane div.imageblock {background:#FFF url(/images/scroller-ws-how.jpg) no-repeat 0 0;width:265px;height:300px;}
#ws-pane .logo.gr.sm {margin:12px 15px 0 0;}
#ws-pane ul.subnav {margin-top:-40px;margin-left:55px;}

#eh-pane.scroller_section h3 {padding-top:0 !important;}
#eh-pane {background:transparent url(/images/scroller-email-arrow.png) no-repeat right 50px;}
#eh-pane ul.subnav {margin-top:260px;margin-left:45px;}

div.svclevel {border:1px solid #CCC;margin:56px 0 5px 15px;width:275px;float:left;padding:10px;background-color:#FFFFEA;-moz-border-radius: 3px;
	-webkit-border-radius: 25px;
	-moz-box-shadow: -2px 4px 5px rgba(109,109,109,1.0);
	-webkit-box-shadow: 0 1px 3px rgba(109,109,109,1.0);
	border-bottom: 1px solid rgba(109,109,109,0.5);}
div.svclevel p{font-size:14px;text-align:center;line-height:22px;}
div.svclevel h4{font-size:18px;color:#CC6600;}
div.svclevel.last {background-color:#FFF;margin-left:30px;}
div.svclevel.last h4 {color:#444;}
