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

/****-----------  Features page  -----------*************/

#content_feature {
    position: relative;
    padding-left: 97px;
    padding-right: 120px;
    width: 897px;
}
#features{
	padding-right:20px;
}
#features #features_top{
	text-align:center;
	margin-top:20px;
}
#features #features_top p{
	text-align:left;
}
#features .section{
}
#features .section img{
	margin:0px auto;
	display:block;
	float:none;
	clear:both;
	margin-bottom:15px;

}
#features .section ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:15px;
}

#features .section ul li{
	background-image:url(../media/images/solutions/bullet_blue.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:10px;
}

#banner {
	width: 960px;
	height: 348px;
	overflow: hidden;
}
#scroller {
	width: 960px;
	margin: 0 auto;	
	overflow: hidden;
}

div.hide {
	padding: 20px;
	width: 440px;
}
div.hide h2 {
	font-size: 34px;
	color: #222;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
div.hide h3 {
	font-size: 15px;
	padding-bottom: 10px;
}
a.readmore {
	width: 170px;
	height: 50px;
	margin-left: 330px;
	text-indent: -999999px;
	display: block;
	margin-top: -15px;
}
#features {
	border-top: 1px solid #ccc;
	padding-top: 30px;
	clear: both;
	width: 880px;
	padding-left: 30px;
	margin-left: 20px;
}
#header-feature {
	background:  url(../media/images/solutions/features/magnifier.gif) no-repeat left bottom;
	padding-left: 60px;
}
#header-feature h2 {
	font-size: 28px;
}
#header-feature h3 {
	font-size: 14px;
	color: #777;
	font-weight: normal;
}
#feature-box {
	margin: 20px 0;
	width: 844px;
	border: 1px solid #ccc;
}
#feature-box ul {
	width: 300px;
	list-style: none;
	background:  url(../media/images/solutions/features/feature-ul.gif) repeat-y right; 
	float: left;
}
#feature-box ul li {
	padding-left: 30px;
	border-bottom: 1px solid #d0e7f9;
}
#feature-box ul li:hover {
	background: #fff;
}
#feature-box ul li a {
	background:  url(../media/images/solutions/features/feature-arrow.gif) left no-repeat;
	padding:  15px;
	padding-left: 30px;
	color: #193c52;
	display: block;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal; 
}
#banner-featured {
	width: 543px;
	height: 376px;
	overflow: hidden;
	float: left;
}
#scroller-featured {
	width: 5000px;
	overflow: hidden;
}
div.section.smaller {
	width: 543px;
	height: 376px;
}
#scroller.smaller {
	width: 543px;
	height: 376px;
}
iframe#iframe {
	width: 960px;
	height: 540px;
	border: none;
}

/* END SCROLLING TAGS */

#features_categories{
	margin:0;
	padding:0;
	float:left;
	width:198px;
	height:695px;
}

#features_categories h2{
	margin:0;
	padding:0;
	padding-top:.1em;
	text-indent:-9999px;
	z-index:-100;
} 
#features_categories ul h1{
	font-size:16px;
	color:#003399;
	margin:0;
	padding-left:5px;
	margin-left:.05em;
	padding-top:.1em;
	padding-bottom:.1em;
	z-index:-100;
} 

#features_categories ul{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background:transparent;
}

#features_categories ul li{
	text-align:left;
	text-indent:3em;
	font-size:16px;
	font-weight:bold;
}

#features_categories ul li a{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:25px;
	letter-spacing:-0.045em;
	padding-top:5px;
	text-transform:lowercase;
}

#features_categories ul li a:hover{
	text-decoration:none;
	cursor:pointer;
	color:#C6DCE9;
}

* html #features_categories ul li a{
	cursor:pointer;
}

#features_categories ul li a.active {
	background:#d5d5d5;
	border-bottom:1px solid #663333;
	border-top:1px solid #663333;
	color:#007EB2;
	display:block;
	height:25px;
	padding-top:2px;
	width:195px;
}

/* Features Main Content */

#features_maincontent{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	float:left;
	width:560px;
	padding-left:1em;
	padding-bottom:2em;
	padding-top:1em;
}

/* Heading graphics for different categories */

#features_maincontent h3{
	border-bottom:1px solid #EFEFEF;
	color:#004477;
	font-size:24px;
	height:55px;
	letter-spacing: 0.045em;
	padding-bottom:0.15em;
	padding-left:4.1em;
	padding-top:7px;
}

#hide_categories h3{
	background:url(../media/images/solutions/features/heading_product_cat.gif) no-repeat left top ;
}

#hide_upgrading h3{
	background:url(../media/images/solutions/features/heading_upgrading.gif) no-repeat left top ;
}

#hide_marketing h3{
	background:url(../media/images/solutions/features/heading_marketing.gif) no-repeat left top ;
}
#hide_support h3{
	background:url(../media/images/solutions/features/heading_support.gif) no-repeat left top ;
}
#hide_integrations h3{
	background:url(../media/images/solutions/features/heading_integrations.gif) no-repeat left top ;
}
#hide_admin h3{
	background:url(../media/images/solutions/features/heading_admin.gif) no-repeat left top ;
}
#hide_design h3{
	background:url(../media/images/solutions/features/heading_customizable.gif) no-repeat left top ;
}
#hide_customer_luxury h3{
	background:url(../media/images/solutions/features/heading_luxury.gif) no-repeat left top ;
}
#hide_shipping h3{
	background:url(../media/images/solutions/features/heading_shipping2.gif) no-repeat left top ;
}
#hide_payment h3{
	background:url(../media/images/solutions/features/heading_payment.gif) no-repeat left top ;
}
#hide_security h3{
	background:url(../media/images/solutions/features/heading_security.gif) no-repeat left top ;
}
#hide_hosting h3{
	background:url(../media/images/solutions/features/heading_hosting.gif) no-repeat left top ;
}
#hide_live_update h3{
	background:url(../media/images/solutions/features/heading_live_update.gif) no-repeat left top ;
}
#hide_customer_tools h3{
	background:url(../media/images/solutions/features/heading_customer_tools.gif) no-repeat left top ;
}

/* Styles the features list all pretty */

#features_maincontent ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:18px;
	margin-top:1em;
	display:block;
	float:left;
	width:250px;
	padding:1em;
}

#features_maincontent ul.list_odd{
	
}

#features_maincontent ul li {
	background:url(../media/images/solutions/nav/list_bullet.gif) no-repeat left top;
	padding-left:1.5em;
	color:#363636;
	padding-bottom:1em;
	text-transform:lowercase;
}

#features_maincontent li header {
	font-weight:bold;
	color:#006666
}

ul.features_one_column{
	width:90% !important;
}

/* Overview Content Stylings */

#features_overview h1{
	margin:0;
	padding:0;
	width:580px;
	height:550px;
	background:url(../media/images/solutions/bg/feature_intro_diagram.jpg) no-repeat left top;
	text-indent:-9999px;
}

#features_overview p{
	padding:2em;
}

#features_learnmore{
	color:#155373 !important;
	background:url(../media/images/solutions/features/features_learnmore_arrow.gif) no-repeat left top;
	padding-left:2.5em !important;
	font-size:16px !important;
	border:none !important;
	margin-left:2em;
}

/* Features Content Bottom */

.features_content_bottom{
	margin:0pt;
	padding:0pt;
	text-align:center;
	width:100%;
	padding-top:2em;
	clear:both;
}