body
{
   background: #f1f1f1;	
	color: #444;
	padding: 0;
}
#outerwrap
{
   height: 100%;
   background-color: #fff;
   margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* html, body {height: 100%;} */
html 
{ 
    min-height: 100%; margin-bottom: 1px; 
}
img {border: 0;}
a img {border: none;}

a {
   cursor:pointer;
	text-decoration:none;
	color: #0066A4; /* #1E7ECD */
}
a:hover {
    color: #000;
}
.container_12
{
	background-color: #fff;
}

p
{
	overflow: hidden;
	text-align: left;
	line-height: 20px;
}
.bulleted li {
	margin-bottom:15px;
	list-style-type:disc;
	margin-left:1em;
	line-height: 20px;
}

#header
{
    background: #fff;	
	 margin-bottom: 0;
	 margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#main-graphic {
	background: #fff url(../images/home_main_graphic.jpg);
	height: 285px;
	margin-bottom: 10px;
}
#content-bg {
	background: #fff url(../images/content_bg_graphic.jpg);
	height: 80px;
	margin-bottom: 10px;
}
#intro-text {
	width: 450px;
	margin-left: 30px;
	margin-top: 30px;
}
.intro-buttons {
   margin-top: 10px;
   margin-left: 115px;
}
#descriptor-text
{
	color: #777;
	font-size: 85%; /* 12px */
   	background-color: #F0F0F0;	
}
#content-text {
	margin-left: 20px;
	margin-top: 20px;
}
.internal {
	padding:10px;
}
#footer
{
	color: #ccc;
	font-size: 85%; /* 12px */
   text-align: right;
   background-color: #102155;
	margin-bottom: 10px;
}
#footer span
{ 
	float: left;
}
#footer a:link,
#footer a:visited 
{
	color: #ccc;
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
}
#footer a:hover 
{
	color: #fff;
}
#logo
{
   padding: 0 0 8px 10px;
}
#menu_container 
{
   margin: 0;
   position:relative; 
   width:940px; 
}

.nav {
   margin: 0;
   padding: 0;
   float: left;
   width: 100%;
   overflow: hidden;
   margin-bottom: 1em;
   background: #336699; /* #4C71B2 */
	font-weight:bold;
	font-size: 13px; /* 93% uppercase */
	text-transform: capitalize;
}
.nav li{
   display: inline;
}
.nav li a {
   float: left;
   color: #fff;
   padding: 9px 14px;
   text-decoration: none;
   border-right: 1px solid #ccc;
}
.nav li.last a {
   border-right: none;
   padding-right: 16px;
}
.nav li a:visited{
   color: #fff;
}
.nav li a:hover, .nav li.current a {
   color: #fff;
   background: #4785C2;
}
.box
{
    padding: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.box-panel
{
    background: #EBF5FF;
    padding: 12px;
    margin-bottom: 15px;
}
.box-panel-b
{
    background: #D6EBFF;
    padding: 12px;
    margin-bottom: 15px;
}
.box-panel-c
{
    background: #88B845;
    padding: 12px;
    margin-bottom: 15px;
}
.box-panel-d
{
    background: #435A22;
    padding: 12px;
    margin-bottom: 15px;
}
.box-panel-e
{
    background: #D6EBFF;
    padding: 0px;
    margin-bottom: 15px;
}
.box-panel-f
{
    background: #ECF4FC;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}
.white {
	color: white;
}

.box-crumbs
{
    border: 1px solid #ccc;
	 margin-bottom: 15px;
    background: transparent url('../img/bg_breadcrumbs.jpg') center center repeat-x;
	 height: 29px;
}
ul.breadcrumbs 
{
	margin: 0;
	padding:0;
	list-style:none;
	width: 100%;
}
ul.breadcrumbs li
{
   list-style:none;
	margin: 0 0 0 0;
	display: inline;
	float: left;
	height: 20px;
	background: url('../img/bg_breadcrumb_divider.jpg') top right no-repeat;
	/*background-color: Aqua;*/
	font-size: 85%;
	padding: 8px 17px 0 10px;
}
.breadcrumbs li img
{
   margin-top: -5px;
}
.breadcrumbs li a
{
   color: #444444;
	text-decoration: none;
}
.breadcrumbs li a:hover
{
   color: #3598A6;
   border-bottom: 1px dashed #999;	
}
.breadcrumbs li.home a:hover
{
   border-bottom: none;	
}

#header-text {
	float:right;
	clear:right;
	margin-top:-55px;
	margin-right:0px;	
	color:#666;
	text-align:right;
}
#header-linkpanel {
	float:right;
	clear:right;
	margin-top:-20px;
	margin-right:0px;
}
#search {
	border: 1px solid #ccc;
	margin-top: 0px;
	float:left;	
}
.searchtext {
	border: 1px solid #fff;
	height: 18px;
	MARGIN: 0px;
	PADDING: 1px 2px;
	color: #666;
}
.searchbtn {
	DISPLAY: inline; 
	margin: 0;
}


.list-type-1
{
   margin: 0;
   padding:0;
   list-style:none;    
}
.list-type-1 a
{
   font-weight: bold;
}
.list-type-1 li
{
   list-style:none;
   margin: 0 0 10px 0;
   padding: 0 0 10px 0; 
   border-bottom:1px solid #ccc;
}
.list-type-1 li.last
{
   margin: 0;
}
.list-type-1 li span
{
    font-size:85%;
    color: #000;    
}
.list-type-1 li p
{
   line-height:1.2;
   margin:0;
   padding: 5px 0;
   font-size:93%;
}
.list-type-1 li.noborder
{
   padding: 0 0;
   border-bottom: none;
}

.arrange-demo-hd
{
   font-weight: bold;
   margin: 0;
   padding: 0;
}

.std-hd
{
   font-weight: bold;
   margin: 0;
   padding: 0 0 10px 0;
   border-bottom: 1px solid #ccc;
}
.arrange-demo
{
   line-height:1.2;
    margin:0;
    padding: 5px 0 8px 0;
    font-size:93%;
}

.more
{
	text-align: right;
}
.more a
{
	padding-right: 17px;
	font-size: 11px;
	font-weight: bold;
}
.more a
{
	background-image:url('../images/arrow_black.gif');
	background-position: right center;
	background-repeat:no-repeat;
}
.push-right {
	text-align: right;
}
ul.list-type-2 { 
	margin-left: 0; 
	list-style: none;
}
ul.list-type-2 li {
	display: inline;
	float: left;
	width: 310px;
	margin: 0 0 8px;
	padding-left: 18px;
	background: url(../images/bullets/bullet_5.png) no-repeat 0 2px; 
}

.features-list {
	float: left;
	width: 50%;	
	margin-bottom: 20px;
}

.features-list a {
	font-weight: bold;
	margin-bottom: 5px;
	min-height: 32px;
	display: block;
	padding-left: 44px;
	margin-right: 20px;
}

.features-list p {
	padding: 0;
	margin: 0 20px 0 0;
}

.features-list a.ft-docs {
	background: url(../images/icon_docs.png) no-repeat 0 0;
}
.features-list a.ft-email {
	background: url(../images/icon_email.png) no-repeat 0 0;
}
.features-list a.ft-security {
	background: url(../images/icon_security.png) no-repeat 0 0;
}
.features-list a.ft-tickets {
	background: url(../images/icon_clipboard.png) no-repeat 0 0;
}

.client-logos {
	float: left;
	padding: 5px;
}


/* scroller start ------------------------------- */

div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 100%;	
	height: 135px;	
	margin-top: 10px;
	margin-bottom: 20px;
}
#thumbs {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
}

#thumbs div {
	float:left;
	/* custom decoration */
	width: 200px;
	border: 1px solid #ccc;
	padding: 8px;
	margin-right: 14px;
	margin-bottom: 10px;
	background: #f5f5f5 url(../images/bg_gradient.jpg) repeat-x;	
	-moz-border-radius:5px;
}

#thumbs a {
	font-weight: bold;
	margin-bottom: 0px;
	margin-right: 10px;
}

#thumbs p {
	padding: 0;
	margin: 0 10px 5px 0;
}
#thumbs img {
	border: 1px solid #ccc;
	padding: 1px;	
	background-color: #fff;
}

/* active item */
#thumbs div.active {
	border:1px solid #1E7ECD;		
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:right;
	margin: 0 0 0 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);	
}

/*********** navigator ***********/

/* position and dimensions of the navigator */
div.navi {
	margin-right:5px;
	height:20px;
	float: right;
	margin-top: 2px;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 

/* scroller end --------------------------------- */



/* from prev site ------------------------------------------------------------------------------------ */

.btn_enquiry {
	background: url('../images/bg_listingbtns.jpg') 0 0 no-repeat;
	margin-bottom: 5px;
}
.btn_enquiry a {
	height:29px;
	display: block;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 13px;
	font-size: 12px;
}

.noresults1 {
	background-color:#FFFDD5;
	color:#FF7500;
	border: 1px solid #FF7500;
	padding: 10px;
	margin-bottom: 20px;
}
.noresults1 em {
	font-weight:bold;
}
.noresults2 {
	background-color:#EEF5FA;
	color:#666;
	border: 1px solid #ccc;
	padding: 10px;
}
.paginator {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 20px 0 30px 0;
}

.menu-type-1 {
   margin: 0 0 0 0;
   padding:0;
   list-style:none;
}
.menu-type-1 li {
   list-style:none;
   margin: 0;
   border-bottom: 1px solid #E8E8E8;
}
.menu-type-1 li a {
   display:block;
   font-size:93%;
   padding: 8px 10px 8px 24px;
   display: block;
   background-color: #FAFAFA; /* #F0F0F0 #EBF5FF */
   background-image:url('../images/arrow-black.gif');
   background-position: 12px center;
   background-repeat:no-repeat;
   font-weight:normal;
   width: 184px;
}
html>body .menu-type-1 li a {
   width: 184px;
}
.menu-type-1 li.active a {
   color: #000;
   background-image:url('../images/arrow-red.gif');
   font-weight: bold;
}
.menu-type-1 li a:hover {
   background-color: #F0F0F0; /* #D6EBFF */
}

.onpage_title {
   margin: 10px 0 20px 0;
   font-size: 30px;
   color: #000;
   font-weight: normal;
}

.panel-head-grey {
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   background-color: transparent;   
   background-image: url('../images/menu_bg_rnd.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   padding: 7px 12px 0 12px;
   border-bottom: 1px solid #ccc;
   height: 24px;
}
.panel-head-grey H3 {
   padding: 0;
   margin: 0;
   color: #333;
}
.panel-box-grey
{
    background: #E8E8E8;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 15px;
}
.panel-box-grey-2
{
    background: #F9F9F9;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 12px;
}

.panel-head-blue {
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;  
   background-color: transparent;   
   background-image: url('../images/menu_bg_rnd_blue.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   padding: 7px 12px 0 12px;
   border-bottom: 1px solid #B2CAD7;
   height: 24px;
}
.panel-head-blue H3 {
   padding: 0;
   margin: 0;
   color: #333;
}
.panel-box-blue
{
    background: #F4FAFD; /* #EBF5FB */
    border-bottom: 1px solid #B2CAD7;
    border-left: 1px solid #B2CAD7;
    border-right: 1px solid #B2CAD7;
    margin-bottom: 15px;
    padding: 12px;    
}

.separator {
   border-bottom: 1px solid #ccc;
   padding-bottom: 15px;
}
.search-sep {
   border-bottom: 1px solid #ccc;
   height: 10px;
   margin-bottom: 15px;
}

/* ----------------------------------------------------------------- Breadcrumbs
------------------------------------------------------- */

#breadcrumbs {
	float:left;
	width:700px;
	text-align:left;
	border-bottom: 5px solid #f8f8f8;
	padding: 6px 0;
}
#breadcrumbs ul {
	clear:both;
        list-style: none;
        margin: 0;
        padding: 0;
}
#breadcrumbs ul li {
	float:left;
        list-style: none;
}
#breadcrumbs ul li a {
	padding: 0px 16px 0px 10px;
	background-image: url(../images/crumb_right.gif);
	background-repeat:no-repeat;
	background-position: -5px 2px;
	color:#1E7ECD;
	text-decoration: none;
}
#breadcrumbs ul li a:hover {
	background-position: -5px -22px;
	text-decoration: none;
	color: #FF0600;
}
#breadcrumbs ul li a.active {
	color:#000;
}

/* ----------------------------------------------------------------- New Features List
------------------------------------------------------- */

.noicon-list {
   margin-bottom: 30px;
}
.noicon-item {
   padding: 15px;
   border-bottom: 1px solid #ccc;
   margin-bottom: 0;
   margin-top: 0;
}
.noicon-item h4 {  
   font-size: 167%;
   font-family: Georgia,"Times New Roman",Times,serif;
   color: #000;
   font-weight: normal;
   margin: 0 0 15px 0;
   line-height:32px;
   padding: 0;
}
.noicon-item a.external {  
   font-weight: normal;
   background: url(../images/external.png) no-repeat right 2px;
   padding-right: 15px;
}
.noicon-item a.noshow {  
   display: none;
}

/* ----------------------------------------------------------------- Benefits list
------------------------------------------------------- */

.icon-list {
   margin-bottom: 30px;
}
.icon-item {
   padding: 15px;
   border-bottom: 1px solid #ccc;
   margin-bottom: 0;
   margin-top: 0;
}
.ico1 {
   background-color: #FCFCFC;
}
.ico2 {
   background-color: #F4FAFD;
}
.icon-item h4 {  
	font-size: 167%;
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #000;
	font-weight: normal;
	margin: 0 0 15px 0;
	line-height:32px;
	padding: 0 0 0 50px;
}
.icon-item p {  
	
}
.icon-item h4.time {
   background: transparent url('../images/icon_clock.png') no-repeat 0 0;
}
.icon-item h4.money {
   background: transparent url('../images/icon_calculator_accept.png') no-repeat 0 0;
}
.icon-item h4.security {
   background: transparent url('../images/icon_lock.png') no-repeat 0 0;
}
.icon-item h4.requests {
   background: transparent url('../images/icon_docs.png') no-repeat 0 0;
}
.icon-item h4.access {
   background: transparent url('../images/icon_monitor2.png') no-repeat 0 0;
}
.icon-item h4.value {
   background: transparent url('../images/icon_add.png') no-repeat 0 0;
}
.icon-item h4.launch {
   background: transparent url('../images/icon_comment_edit.png') no-repeat 0 0;
}
.icon-item h4.monthly {
   background: transparent url('../images/icon_check.png') no-repeat 0 0;
}
.icon-item h4.quickly {
   background: transparent url('../images/icon_calendar_date2.png') no-repeat 0 0;
}
.icon-item h4.support {
   background: transparent url('../images/icon_support.png') no-repeat 0 0;
}
.icon-item h4.featurereq {
   background: transparent url('../images/icon_available.png') no-repeat 0 0;
}
.icon-item h4.faqs {
   background: transparent url('../images/icon_help.png') no-repeat 0 0;
}
.icon-item h4.documentation {
   background: transparent url('../images/icon_publishing_medium.gif') no-repeat 0 0;
}
.icon-item h4.videos {
   background: transparent url('../images/icon_monitor.png') no-repeat 0 0;
}

.overview {
   margin-bottom: 25px;
}

.feature-content {
   float: left;
   width: 300px;
}
.feature-content-wide {
   float: left;
   width: 690px;
}
.feature-images {
   float: right;
   width: 380px;
   margin-bottom: 20px;
   text-align: right;
   margin-top: 45px;
}
.feature-clear {
   clear: both;
   height: 1px;
   margin-bottom: 15px;
}
.content-buttons {
   margin-top: 15px;
   width: 100%;
   text-align: right;
}
.button {
   height:100%;
   overflow:hidden;
   float:left;
   margin-right:10px;
   padding-left:17px;
   background-color: transparent;   
   background-image: url('../images/button_l.png');
   background-position: left top;
   background-repeat: no-repeat;
}

.button a {   
   float:left;
   padding:7px 30px 10px 10px;
   font:bold 14px Arial, Helvetica, sans-serif;
   background-color: transparent;   
   background-image: url('../images/button_r.png');
   background-position: right top;
   background-repeat: no-repeat;
   color:#fff;
}
.button a:hover {
   font:bold 14px Arial, Helvetica, sans-serif;
   color:#88B845;
   background-position: right -33px;
}

.button:hover {
   background-position: 0 -33px;
}
* html .button a:hover {
   background-position: right top;
   color:#ccc;
}


.feature-content ul, .feature-content li, .feature-content-wide ul, .feature-content-wide li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
}

.feature-content li, .feature-content-wide li {
margin: 0 0 15px 0;
padding-left: 25px;
background:transparent url(/images/icon_tick.png) no-repeat 0 0;
}

.pricing-features {
margin-bottom: 20px;
}

.pricing-features ul, .pricing-features li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
}

.pricing-features li {
margin: 0 0 10px 0;
padding-left: 25px;
background:transparent url(/images/icon_tick.png) no-repeat 0 0;
}

.corporate-content, .feature-content, .feature-content-wide {
   margin-bottom: 20px;
}
.corporate-content li {
   margin-bottom: 15px;
}

#sidebar, #maincol {
   padding-top: 15px;
}
.summary-panel {
   background-color: #1571BA; /* #009DCA */
   padding: 20px;
   margin-bottom: 20px;
}
h2.summary-panel-title { 
   margin: 0 0 10px 0;
   font-size: 28px;
   color: #fff;
   font-weight: normal; 
}
hr.dotty {
   border-color:#FFFFFF;
   border-style:dotted;
   border-width:1px 0 0;
   display:block;
   height:0;
   margin-bottom:15px;
   margin-top:16px;
}
.summary-panel p {
   color: #fff;
   margin: 0;
}


.sidepanel-top {   
   padding:5px;
   background: url(../images/sidepanel/side-panel-top-mono.jpg) no-repeat 0 0;  
   text-align: center; 
}
.sidepanel-top img {   
   padding: 10px;
}
.sidepanel-footer {   
   background: url(../images/sidepanel/side-panel-bottom-mono.jpg) no-repeat 0 0;    
   min-height: 20px;
}
.sidepanel-wrap {   
   background: url(../images/sidepanel/side-panel-middle-mono.jpg) repeat-y 0 0;
}

.sidepanel-top H3  {   
   padding:10px;
   font:bold 14px Arial, Helvetica, sans-serif;
   color: #0066A4;
   margin: 5px 10px 10px 10px;
   padding: 0;
}
.sidepanel-top p {   
   color:#666666;
   text-align: center;
   margin: 5px 10px 0px 10px;
   padding: 0;
   line-height: 18px;
}
.featureimgframes {
	margin: 15px 0;
}