﻿@import "framework/reset.css";
@import "framework/framework.css";
@import "framework/form.css";
body
{
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	font-size: 13px;
	color: #333;
}
body img
{
	display: block;
	clear: both;
}
.clear
{
	clear: both;
	margin: 0px;
	padding: 0px;
}
.inner-body
{
}
.container
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* header and navigation styles*/

#header /* 15-2-11 */
{
	margin: auto;
	height: 120px;
	margin: auto;
	width: 998px;
}
.s-header /* 15-2-11 */
{
	background: url(images/header-bg.gif) top center repeat-x;
	margin: auto;
	margin: auto;
	width: 100%;
	z-index: 50;
	
}
.s-header .s-logo
{
	display: block;
	float: left;
	width: 270px;
	margin-top:16px;
}

.s-header .top-contact /* 15-2-11 */
{
	display: block;
	float: right;
	width: 230px;
	margin-top:3px;
}

.s-header .s-callus
{
	margin: auto;
	float: left;
	padding: 30px 20px 0px 80px;
	text-align: right;
	height: 77px;
}
.s-header .s-blog
{
	margin: auto;
	float: left;
	padding: 30px 20px 0px 0px;
	text-align: right;
	height: 77px;
}
.s-header img
{
	margin: auto;
	display: block;
	float: left;
}
.s-header p
{
	display: block;
	width: 440px;
	text-align: left;
	font-size: 13px;
	margin-bottom: 20px;
	color: #370e03;
	line-height: 18px;
}
/*Inner header start */



.s-inner-header
{
	background: url(images/header-bg.gif) top center repeat-x;
	margin: auto;
	height: 85px;
	margin: auto;
	width: 998px;
}
.s-inner-header .s-logo
{
	display: block;
	float: left;
	width: 270px;
}
.s-inner-header .s-callus
{
	margin: auto;
	float: left;
	padding: 30px 20px 0px 80px;
	text-align: right;
	height: 77px;
}
.s-inner-header .s-blog
{
	margin: auto;
	float: left;
	padding: 30px 20px 0px 0px;
	text-align: right;
	height: 77px;
}
.s-inner-header img
{
	margin: auto;
	display: block;
	float: left;
}
.s-inner-header p
{
	display: block;
	width: 440px;
	text-align: left;
	font-size: 13px;
	margin-bottom: 20px;
	color: #370e03;
	line-height: 18px;
}
/*Inner header End */
/*

.s-nav
{	
	overflow:auto;	
	float:right;
	margin:0px 0px 0px 1px;
}

.s-nav ul
{
	list-style:none;
	margin-top:52px;
}

/*:root .s-nav ul
{
	list-style:none;
	margin-top:52px;
}

.s-nav ul li 
{
	list-style:none;
	margin:0px;
	float:left;
	background:url(images/top-nav-bg.gif) top left repeat-x;
	padding:7px 0px 7px 0px;
	display:block;
	margin-right:3px;
}	

.s-nav ul li.nopipe 
{
	border:none;
	background:none;
}
.s-nav ul li a 
{	
	list-style:none;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	padding:0px 18px 0px 18px;
	text-transform:uppercase;
}
.s-nav ul li a:hover
{
	color:#65a2e1;
}

*/

.container h1
{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding-bottom: 12px;
	padding-top: 15px;
	background: url(images/page-title-bg.jpg) right top no-repeat;
	margin-bottom: 17px;
}
.s-page h2
{
	/*color: #0066CC; */
	color:#004d98;
	font-size: 18px;
	padding: 5px 0px;
	line-height:24px;
}
.s-page h2 a, .s-page h2 a:hover
{
	color: #0066CC;
	text-decoration: none;
}
.s-page h3
{
    color:#0062c2;
	/*color: #539DD5;*/
	font-size: 14px;
	margin:3px 0 5px;
}
.s-main-content ul 
{
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 0px;
}
.s-main-content ul li 
{
	padding:2px 0px 2px 13px;
	margin:0px;
	background:url(images/arrow-img3.gif) left 6px no-repeat;
	color:#000;
	font-size:13px;
}
.s-main-content ul li a
{
	padding:0px;
	margin:0px;
}
.s-main-content ul  li a:hover
{
	padding:0px;
	margin:0px;
}
.s-main-content ul li ul
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
.s-main-content ul li ul li
{
	padding:2px 0px 0px 13px;
	margin:0px;
	background:url(images/blue_sub_arrow.gif) left 7px no-repeat;
	color:#000;
	font-size:13px;
}
.s-main-content ul li ul li a
{
	padding:0px;
	margin:0px;
}
.s-main-content ul  li ul li a:hover
{
	padding:0px;
	margin:0px;
}
ul.s-arrow1 {
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 0px;
}
ul.s-arrow1 li
{
	padding: 2px 0px 2px 13px;
	margin: 0px;
	background: url(images/arrow-img3.gif) left 6px no-repeat;
	color: #000;
	font-size: 13px;
}
ul.s-arrow1 li a
{
	padding: 0px;
	margin: 0px;
}
ul.s-arrow1 li a:hover
{
	padding: 0px;
	margin: 0px;
}
ul.s-arrow2
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
ul.s-arrow2 li
{
	padding: 2px 0px 0px 13px;
	margin: 0px;
	background: url(images/blue_sub_arrow.gif) left 7px no-repeat;
	color: #000;
	font-size: 13px;
}
ul.s-arrow2 li a
{
	padding: 0px;
	margin: 0px;
}
ul.s-arrow2 li a:hover
{
	padding: 0px;
	margin: 0px;
}
/* Banner Style Start Here */


div.container div.s-page div#banner
{
	height: 240px !important;
	width: 998px;
	margin: auto;
}
div.container div.s-page div#banner span /* 15-2-11 */
{
	position: absolute;
	font-size: 0;
	line-height: 0;
	text-indent: -2000px;
	width: 998px;
	height: 240px !important;
	top: 120px;
	background: url(images/banner-1.jpg) center center no-repeat;
}
/* Banner Style End Here */




/*page layout */
.s-page
{
	margin: auto;
}
.s-twocolumn
{
	margin: auto;
	padding: 0px 0px 6px 0px;
	overflow: auto;
	background: url(images/middle-bg.png) top center repeat-y;
	z-index: 0;
}
.s-banner
{
	padding-top: 15px;
	margin: auto;
	background: url(images/bg.jpg) top center repeat-x;
}
.s-inner-banner
{
	background: url(images/inner-bg.jpg) top center repeat-x;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	font-size: 12px;
	color: #333;
}
.s-sub-content
{
	float: right;
	margin: 0px 7px 10px 0px;
	width: 280px;
}
/*
.s-sub-content .s-leftnav
{
	margin-bottom:4px;
}
.s-sub-content .s-leftnav ul
{
	
}
.s-sub-content .s-leftnav ul li
{
	background:url(images/left-link-bg.gif) top left no-repeat #d67975;
	padding:7px 0px 6px 20px;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
.s-sub-content .s-leftnav ul li a
{
	color:#FFF;
	text-decoration:none;
}
.s-sub-content .s-leftnav ul li a:hover
{
	color:#000;
}
*/

.s-box .s-testimonials
{
	border: 0px solid red;
}
.s-box .s-testimonials .top
{
	background: url(images/testimonials-top.gif) top center no-repeat;
	line-height: 45px;
}
.s-box .s-testimonials .bottom
{
	background: url(images/testimonials-bott.gif) top center no-repeat;
	line-height: 7px;
}
.s-box .s-testimonials .middle
{
	background: url(images/testimonials-middle.gif) top left repeat-x #e9e9e9;
	padding: 0px 0px 0px 10px;
	overflow: auto;
}
.s-box .s-testimonials .middle h2
{
	background: url(images/testimonials-title-bg.gif) top left repeat-x;
	padding: 14px 0px 0px 12px;
	color: #0e599a;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 14px;
}
.s-box .s-testimonials .middle p
{
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	padding: 5px 10px 4px 10px;
	text-align: left;
	line-height: 17px;
	font-size: 13px;
	color: #383838;
}
.s-box .s-testimonials .middle a img
{
	padding: 5px 20px 5px 0px;
	margin: 0px;
	float: right;
}
.s-box .s-testimonials p strong
{
	font-weight: bold;
	padding-bottom: 5px;
	color: #C00;
	display: block;
}
.s-box .s-testimonials p a
{
	color: #003399;
	text-decoration: none;
	text-align: right;
	display: block;
	line-height: 25px;
}
.s-box .s-testimonials p a:hover
{
	color: #003399;
	text-decoration: underline;
}
.s-sub-content .s-box a img
{
	border: none;
	margin-bottom: 8px;
}
.s-main-content
{
	display: block;
	float: left;
	width: 690px;
}
.s-ourvision
{
	width: 300px;
	padding: 20px 20px 10px 0px;
	margin-right: 10px;
	float: left;
}
.s-ourvision h2
{
	background: url(images/arrow-img1.gif) left 5px no-repeat;
	font-size: 18px;
	color: #1c5d93;
	font-weight: bold;
	padding-left: 28px;
}
.s-ourvision p
{
	padding-top: 10px;
}
.s-theway
{
	width: 300px;
	padding: 20px 20px 10px 0px;
	margin-right: 10px;
	float: right;
}
.s-theway h2
{
	background: url(images/arrow-img1.gif) left 5px no-repeat;
	font-size: 18px;
	color: #1c5d93;
	font-weight: bold;
	padding-left: 28px;
}
.s-theway ul
{
	padding: 10px 0px 0px 10px;
	margin: 0px;
}
.s-theway ul li
{
	color: #000;
	background: url(images/arrow.jpg) left 2px no-repeat;
	padding: 0px 0px 7px 20px;
}
/* content */
.s-content
{
	width: 998px;
	margin: 0 auto;
}
.s-content .noborder
{
	border: none !important;
}
.s-content .noborder a
{
	border: none !important;
	cursor: pointer;
}
.s-content p
{
	line-height: 20px;
	color: #000;
	font-size: 13px;
	padding-bottom:15px;
}
.s-content p.left
{
	color: #000000;
	display: block;
	float: left !important;
	font-size: 13px;
	line-height: 20px;
	width: 400px;
	padding-bottom: 7px;
}
.s-content h1
{
	font-size: 18px;
	padding: 15px 0px 14px 00px;
	font-weight: normal;
	letter-spacing:1px;
}
.s-content .s-main-content h1.home
{
	padding: 0 0 12px 0 !important;
	background: none !important;
	margin: 0 !important;
	font-size: 22px;
	color: #006699;
}
.s-content img
{
	margin-bottom: 10px;
}
.s-content .red
{
	font-size: 18px;
	color: #CC0000;
}
.s-content .green
{
	font-size: 18px;
	color: #087004;
}
.s-sub-content .s-box .s-newsletter
{
	color: #000000;
	width: 258px;
	padding: 50px 10px 5px 12px;
	background: url(images/get-it-now-BG.gif) top center no-repeat;
	height: 93px;
	line-height: 19px;
	font-size: 12px;
	
	/* font-size: 12px; */
}
* html .s-sub-content .s-box .s-newsletter
{
	color: #000000;
	width: 258px;
	padding: 50px 10px 5px 12px;
	background: url(images/get-it-now-BG.gif) top center no-repeat;
	height: 93px;
	line-height: 19px;
	font-size: 12px;
}
.s-sub-content .s-box .s-newsletter p
{
	color: #000;
	line-height: 15px;
	text-align: left;
	padding-bottom: 10px;
	font-size: 12px;
	padding-top: 10px;
}
.s-sub-content .s-box .s-newsletter form
{
	float: left;
}
.s-sub-content .s-box .s-newsletter fieldset
{
	margin: 0px;
}
.s-box .s-our-industry-partners
{
	background: url(images/our-industry-partners.jpg) top left no-repeat;
	color: #000000;
	/*font-weight: bold;*/
	height: 103px;
	line-height: 15px;
	padding: 36px 5px 0 8px;
	font-size: 12px;
}
.s-box .s-our-industry-partners a img
{
	margin-right: 10px;
	margin-top: 10px;
}
.s-box .s-linkedin
{
	padding: 7px 5px 0 0;
}
.s-box .s-facebook
{
	padding: 3px 5px 0 0;
}

.s-content .s-box .s-video
{
	display: block;
	float: right;
	background: url(images/playsuccessstories-bg.png) top center no-repeat;
	width: 220px;
	margin-left: 10px;
	height: 190px;
	padding-top: 35px;
	text-align: center;
}
.s-content .leftColumn
{
	float: left;
	width: 50%;
}
.s-content ul.redtick
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}
.s-content ul.redtick li
{
	background: url(images/arrow.jpg) left 3px no-repeat;
	padding: 0px 0px 5px 20px;
	font-size: 13px;
}
.s-content ul.redtick li a
{
	text-decoration: none;
}
.s-content ul.redtick li a:hover
{
	text-decoration: underline;
}
form.join
{
	display: block;
	margin: 2px 0 10px 0px;
}
form.join input
{
	font-size: 12px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
form.join input.txtbox
{
	width: 150px;
	border: 1px solid #9a9a9a;
	vertical-align: top;
	color: #333;
	padding-left: 4px;
}
.underline
{
	text-decoration: underline;
}
table
{
	border: 1px solid #E7E7E7;
}
table tbody tr.odd td
{
	background-color: #f7fbfd;
}
table tbody tr td
{
	border-bottom: solid 1px #E7E7E7;
	vertical-align: top;
	border: 1px solid #E7E7E7;
}
table thead tr th
{
	border: 1px solid #E7E7E7;
}
table tbody tr:last-child td
{
	border-bottom: none;
}
.center
{
	text-align: center;
}
.small
{
	font-size: 9px !important;
}
.s-bluebox
{
	background: #F3F9FF url(images/content_blue_bg.gif) left top repeat-x;
	color: black !important;
	float: left;
	padding: 10px;
	width:670px;
}
.s-bluebox1
{
	background: #F3F9FF url(images/content_blue_bg.gif) left top repeat-x;
	color: black !important;
	float: left;
	font-weight: bolder;
	padding: 10px;
}
.s-bluebox p, .s-bluebox ul li
{
	color: black !important;
}
.s-cgreenbox
{
	width: 672px;
	background-color: #92cddc;
	padding: 10px 10px;
}
.leftcolumn
{
	width: 50%;
	float: left;
}
.rightcolumn
{
	width: 50%;
	float: right;
}
/*footer style */

div.footer
{
	width: 100%;
	background:#f3f3f3 url(images/footer-bg.gif) top center repeat-x;
}
div.Copyright 
{
    width: 100%;
	background:#5f5f5f url(images/copyright-bg.gif) top center repeat-x;
	padding:3px 0 0 0;
}
div.footer div.s-footer-container, div.Copyright div.s-footer-container
{
	margin: auto;
	padding: 0px 0px;
	width: 1000px;
	height: 1%;
}
div.footer div.s-footer-container div.footerlinks
{
	display: block;
	width: 175px;
	margin: 10px 0px;
	float: left;
}
div.footer div.s-footer-container div.footerlinks h2
{
	font-size: 20px;
	color: #000;
	font-weight: normal;
	padding-bottom: 10px;
}
div.footer div.s-footer-container div.footerlinks ul
{
	list-style: none;
	display: block;
	float: left;
	width: 135px;
}
div.footer div.s-footer-container div.footerlinks ul li
{
	list-style: none;
	display: block;
	padding: 0px 0px 5px 15px;
}
div.footer div.s-footer-container div.footerlinks ul li a
{
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}
div.footer div.s-footer-container div.footerlinks ul li a:hover
{
	color: #000000;
	text-decoration: underline;
}
div.footer div.s-footer-container div.footerservices
{
	width: 172px;
	margin: 10px 4px 5px 4px;
	float: left;
	height: 1%;
}
div.footer div.s-footer-container div.footerservices h2
{
	font-size: 13px;
	color: #006699;
	font-weight: bold; /*padding-bottom:7px;*/
	text-transform: uppercase;
}
div.footer div.s-footer-container div.footerservices ul
{
	list-style: none;
	display: block;
	float: left;
}
div.footer div.s-footer-container div.footerservices ul li
{
	list-style: none;
	display: block;
	background: url(images/footer-arrow.png) top left no-repeat;
	padding: 0px 0px 0px 2px;
	font-weight: bold;
	line-height: 20px; *line-height:21px;
}
div.footer div.s-footer-container div.footerservices ul li a
{
	color: #656565;
	text-decoration: none;
	font-size: 11px;
}
div.footer div.s-footer-container div.footerservices ul li a:hover
{
	color: #006699;
	text-decoration: underline;
	background: url(images/footer-arrow.png) top left no-repeat;
}
div.footer div.s-footer-container div.footerservices ul li ul
{
	display: block;
	float: left;
	margin-top: 3px;
}
div.footer div.s-footer-container div.footerservices ul li ul li
{
	background: url(images/footer-arrow.gif) no-repeat 0 8px;
	padding: 0px 0px 2px 10px;
	height: 1%;
}
div.footer div.s-footer-container div.footerservices ul li ul li a
{
	color: #656565;
	text-decoration: none;
	font-size: 11px;
}
div.footer div.s-footer-container div.footerservices ul li ul li a:hover
{
	color: #006699;
	text-decoration: underline;
}

div.footer div.s-footer-container div.footercontact
{
	display: block;
	width: 260px;
	margin: 25px 0 0 0;
	float: right;
	color: #CCC;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
}
div.footer div.s-footer-container div.footercontact a
{
	font-size: 11px;
	color: #CCC;
	font-weight: normal;
	padding-bottom: 10px;
}
div.footer div.s-footer-container div.footercontact a:hover
{
	color: #FFF;
}
div.footer-coyright
{
	font-size: 12px;
	color: #CCC;
	text-align: left; /*line-height:38px;*/
	padding: 0px 0;
}
div.footer-coyright a
{
	font-size: 11px;
	color: #CCC;
	text-decoration: none;
}
div.footer-coyright a:hover
{
	font-size: 11px;
	color: #CCC;
}
/****** Top Multi Level Menu ***/
.suckertreemenu /* 15-2-11 */
{
	padding: 0px;
	margin: 0px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px solid red;
	z-index: 1000;
	margin-top: 6px;
	float: right;
	#clear:both;
	#width:730px;
}
.suckertreemenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 99;
	float: right;
	position: relative;
}
.suckertreemenu ul li ul li
{
	background-color: #cee0ec !important;
	background-image: none;
}
.suckertreemenu ul li ul li a
{
	color: #000 !important;
	line-height: normal;
}
.suckertreemenu ul li ul li a:hover
{
	color: #397196 !important;
}
.suckertreemenu ul li ul li ul li
{
	background-color: #cee0ec !important;
}
.suckertreemenu ul li ul li ul li a
{
	color: #000 !important;
}
.suckertreemenu ul li ul li ul li a:hover
{
	color: #397196 !important;
	background-color: #cee0ec !important;
}
.suckertreemenu ul li ul li ul li ul li
{
	background-color: #cee0ec !important;
}
.suckertreemenu ul li ul li ul li ul li a
{
	color: #000 !important;
}
.suckertreemenu ul li ul li ul li ul li a:hover
{
	background-color: #cee0ec !important;
	color: #397196 !important;
}
/*Top level list items*/
.suckertreemenu ul li
{
	position: relative;
	width: 90px;
	float: left;
	border-left: 1px solid #FFF;
	text-align: center;
	background: url(images/top-nav-bg.gif) top left repeat-x; /*overall menu background color*/
	color: #FFF;
	height: 39px;
	display: block;
	line-height: 39px;
	font-weight: bold;
	text-transform: uppercase;
}
/*Top level menu link items style*/
.suckertreemenu ul li a
{
	display: block; /*width: 110px; /*Width of top level menu link items*/
	border-left-width: 0;
	text-decoration: none;
	color: #FFF;
}
/*1st sub level menu ========== Sub Menu Below Support*/
.suckertreemenu ul li ul
{
	left: -1px;
	position: absolute;
	display: block;
	padding: 0px;
	visibility: hidden;
	width: 171px;
	border: 0 none;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li
{
	text-align: left;
	width: 171px;
	line-height: normal;
	height: 1%;
	line-height: 25px !important;
	border-bottom: 1px solid #afcbde;
	text-transform: none;
}
.suckertreemenu ul li ul li a:hover
{
	display: list-item;
	float: none;
	background-color: #cee0ec;
	background-image: none;
	color: white;
	width: 161px;
}
* html .suckertreemenu ul li ul li a:hover
{
}
/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul
{
	/* no need to change, as true value set by script */
	top: 0;
}
/* Sub level menu links style */
.suckertreemenu ul li ul li a
{
	display: block;
	width: 161px; /*width of sub menu levels*/
	color: navy;
	text-decoration: none;
	border: 0px solid #ccc;
	padding: 5px;
}
.suckertreemenu ul li a:hover
{
	background: url(images/top-nav-bg.gif) top left repeat-x;
	color: #FFF;
}
/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon
{
	border: 0px solid blue;
}
/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon
{
	border: 0px solid green; /*  background: #F3F3F3 url(http://www.dynamicdrive.com/cssexamples/media/arrow-right.gif) no-repeat center right; */
}
* html p#iepara
{
	/*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
/* Holly Hack for IE \*/
* html .suckertreemenu ul li
{
	float: left;
	height: 1%;
}
* html .suckertreemenu ul li a
{
	height: 1%;
}
/* End */

li span
{
	font-size: 14px;
	border: 0px solid red;
	font-weight: bold;
	color: #000 !important;
}

/*fieldset
{
    font-size : 0.75em !important;
    line-height : 1.6em !important;
    clear : both;
    margin : 2px 0 3px 15px;
}
fieldset input[type=text], fieldset input[type=password], fieldset textarea, fieldset select
{
    border : solid 1px #000;
    font-family : inherit;
    font-size : 13px;
}
div.field
{
    overflow : hidden;
    width : auto;
    padding : 2px;
    position : relative;
    height:auto;
}
div.field label
{
    font-size:13px;
    width:110px;
    padding:0 10px;
}
div.field.required > label:first-child
{
    font-weight : bold;
    background:url(images/required.png) no-repeat left top;
}
fieldset input[type=text].large, fieldset input[type=password].large
{
    width : 240px;
    font-family : inherit;
    font-size : 13px;
}
fieldset textarea,fieldset select
{
    width:250px;
    height:110px;
    font-family : "Trebuchet MS",Arial,Helvetica,sans-serif;
}
fieldset textarea.large,fieldset select.large
{
    width:500px;
    height:100px;
    font-family : "Trebuchet MS",Arial,Helvetica,sans-serif;
}
fieldset input[type=text].small, fieldset input[type=password].small, fieldset textarea.small, fieldset select.small
{
    width : 90px;
    font-family :"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size : 13px !important;
}
div.field label.error
{
    margin-left : 118px;
    color : #990000;
    width:auto !important;
    line-height:18px;
}
.s-button
{
    background:url(images/button.gif) top left repeat-x;
    color:#FFF;
    border:1px solid #DDD;
}
.buttons
{
    margin-left:150px;
    font-size:13px;
    margin-top:20px;
}
.nolabel
{
    margin-left : 130px !important;
}*/


#editform fieldset
{
	margin: 0;
	padding: 5px 0px 5px 5px;
	background: #F3F9FF url(images/content_blue_bg.gif) repeat-x scroll left top;
}

label
{
	float: left;
	width: 20%;
	font-size: 13px;
}
label.smalllable
{
	float: left;
	font-size: 13px;
	width: 12%;
	margin: 0 0 0 80px;
}
label.smalllable2
{
	float: left;
	font-size: 13px;
	width: 12%;
}
label.postcode
{
	float: left;
	font-size: 13px;
	width: 12%;
}
.nolabel
{
	font-size: 13px;
	margin-left: 0;
	width: auto;
}
.nolabel label
{
	float: left;
	padding: 0 5px;
	width: auto !important;
	_line-height: 25px; *line-height:25px
}
label span
{
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	padding: 0 5px 0 0;
}
label.required
{
	font-weight: bold;
}
label.requiredtxt, div.field label.error
{
	font-weight: bold;
	padding: 0 5px;
	color: #990000;
	margin: 0px 0 0px 130px; *margin:0px00px65px;
width:28%!important;
clear:both;
}
label span.unrequired
{
	padding: 0 0px 0 10px;
	color: #000;
	font-size: 13px;
	font-weight: normal;
}

input.large
{
	float: left;
	margin: 0;
	padding: 1px 3px;
	border: 1px solid #999;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 180px;
	margin: 0 5px 0 0;
}
input.small
{
	float: left;
	margin: 0;
	padding: 2px 3px;
	border: 1px solid #999;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 13px !important;
	width: 100px;
}
input.checkbox
{
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
}
div.category
{
	float: left;
	margin-right: 10px !important;
}
div.category label
{
	width: auto;
	float: left;
	clear: right;
	padding: 2px 0; *padding:5px000;
}
textarea
{
	float: left;
	margin: 0;
	padding: 1px 3px;
	border: 1px solid #999;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 13px;
}

select
{
	padding: 1px 3px;
	border: 1px inline #000;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
	margin: 0 15px 0 0;
}
.s-button
{
	background: url(images/button.gif) top left repeat-x;
	color: #FFF;
	border: 1px solid #DDD;
	#border: 0px solid #DDD;
}
.buttons
{
	margin-left: 135px;
	font-size: 13px;
	margin-top: 10px;
}
.container h1.home
{
	font-size: 21px;
	font-weight: normal;
	text-transform: none;
	color: #006699;
	padding-bottom: 12px;
	padding-top: 15px;
	background: none;
	margin-bottom: 4px;
}
.s-box .s-dashboard
{
	background: url(images/epagoDashboard.jpg) top left no-repeat;
	padding: 62px 5px 0 8px;
	color: #f6f6f6;
	height: 83px;
	line-height: 25px;
	/*font-weight: bold;*/
	font-size: 12px;
}
.s-box .s-dashboard1
{
	background: url(images/epagoDashboard.jpg) top left no-repeat;
	padding: 62px 5px 0 8px;
	color: #f6f6f6;
	height: 86px;
	line-height: 25px;
	/*font-weight: bold;*/
	font-size: 12px;
}
.s-box .s-dashboard .s-dashboard1 a img
{
	margin-left: 0px;
	margin-top: 12px;
}

.s-box .s-rightbanner
{
	background: url(images/procurement.jpg) top left no-repeat;
	padding: 57px 5px 5px 8px;
	color: #f6f6f6;
	height: 83px;
	line-height: 15px;
	/*font-weight: bold;*/
	font-size: 12px;
}
.s-box .s-rightbanner:hover, .s-box .s-dashboard:hover, .s-box .s-rightbanner1:hover, .s-box .s-dashboard1:hover,.s-box .s-newsletter:hover, .s-box .s-our-industry-partners:hover
{
    cursor:pointer;
    }
.s-box .s-rightbanner1
{
	background: url(images/procurement.jpg) top left no-repeat;
	padding: 57px 5px 5px 8px;
	color: #f6f6f6;
	height: 86px;
	line-height: 15px;
	/*font-weight: bold;*/
	font-size: 12px;
}
.s-box .s-rightbanner .s-rightbanner1 a img
{
	margin-right: 10px;
	margin-top: 10px;
}
.border
{
	border: 1px solid #ccc;
}
.smalltext
{
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}
ul.s-servicebox
{
	list-style: none;
	width: 693px;
	margin:0px;
	padding:0px;
}
ul.s-servicebox li
{
	float: left;
    background:none;
    margin:0px;
	padding:0px;	
}
#dialog
{
	position: absolute;
}
#dialoginner
{
	width: 368px;
	background: #82aece url(images/img_popup_box_bg.gif) left top repeat-x;
	border-left: 1px solid #bfd5e5;
	border-right: 1px solid #bfd5e5;
	margin: 0;
	padding: 0;
}
#dialoginner p
{
	color: #474C51;
	padding: 2px 15px;
}
#dialoginner p span
{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0B375A;
	display: block;
}

img.popup
{
	margin: 0;
	padding: 0;
}

.s-services-mainbox
{
	width: 208px;
	float: left;
	margin-right: 10px;
}
.s-services-mainbox-last
{
	width: 208px;
	float: left;
	margin-right: 0px;
}

.s-servicebox-bg
{
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	width: 192px;
	padding: 7px;
	background: url(images/servicebox-bg.gif) repeat-x bottom center;
	color: #333;
}
.s-servicebox-bg h2 a
{
	color: #06C;
	font-size: 13px;
	text-transform: uppercase;
	padding-bottom: 8px;
	text-decoration: none;
}
.s-servicebox-bg h2 a:hover
{
	color: #000;
}
.s-servicebox-bg p
{
	color: #7B7B7B;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
	height: 121px;
}
.s-contactmaplbox
{
	width: 322px;
	margin: 0 0 4px 0;
	padding: 0;
	float: right;
}

.s-contactdetailbox
{
    background :url(images/contactbg.gif) repeat-x left top;
	margin: 0 0 4px 0;
	padding: 10px;
	
}

.s-contactdetailbox img
{
    margin: 0;
	padding: 0;
	border: 0 none;
}
.s-contactdetailbox .s-violetbox-bg
{
	padding: 0;
	font-size: 13px;
	line-height: 20px;
	height: 1%;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.s-contactdetailbox .s-violetbox-bg p
{
	color: #000;
	margin: 0;
	padding: 0;
}
.s-contactdetailbox .s-violetbox-bg p a
{
	color: #000;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
.s-contactdetailbox .s-violetbox-bg span
{
	color: #0066CC;
	font-size: 18px;
}


.s-rightbox
{
	float: right;
	padding-left: 10px;
}
.s-leftbox
{
	float: left;
	padding-right: 10px;
}
.s-employeemobilitybox
{
	width: 331px;
	margin: auto;
}

.s-box a.s-button-readmore
{
	background: url(images/readmore-butt.png) top left no-repeat;
	display: block;
	height: 23px;
	width: 80px;
	margin: 20px 0 0 0;
}
.s-box a.s-button-readmore:hover
{
	background: url(images/readmore-butt-over.png) top left no-repeat;
	display: block;
	height: 23px;
	width: 80px;
	margin: 20px 0 0 0;
}
.s-box a span
{
	display: none;
}


.s-box a.s-button-subscribe
{
	background: url(images/subscribe-now-butt.png) top left no-repeat;
	display: block;
	height: 23px;
	width: 112px;
	margin: 10px 0px 0px -5px;
}
.s-box a.s-button-subscribe:hover
{
	background: url(images/subscribe-now-butt-hover.png) top left no-repeat;
	display: block;
	height: 23px;
	width: 112px;
	margin: 10px 0px 0px -5px;
}
.s-box a span
{
	display: none;
}

.s-box a.s-button-linkedin
{
	background: url(images/btn-linkedin.gif) top left no-repeat;
	display: block;
	height: 64px;
	width: 283px;
}
.s-box a.s-button-linkedin:hover
{
	background: url(images/btn-linkedin-hover.gif) top left no-repeat;
}
.s-box a.s-button-facebook
{
	background: url(images/btn-facebook.gif) top left no-repeat;
	display: block;
	height: 64px;
	width: 283px;
}
.s-box a.s-button-facebook:hover
{
	background: url(images/btn-facebook-hover.gif) top left no-repeat;
}

.buttons .s-button:hover    
{
	background: url(images/button-hover.gif) top left repeat-x;
	color: #FFF;
	border: 1px solid #DDD;
	#border: 0px solid #DDD;
	cursor:pointer;
}
.more-info
{
width:450px;
padding-left:212px;
padding-top:10px;
}

* html .more-info
{
width:450px;
padding-left:212px;
padding-top:10px;
}
      
.more-info a.s-button-more-info
{
	background: url(images/btn-Information.gif) top left no-repeat;
	display: block;
	height: 43px;
	width: 262px;
	padding-bottom: 5px;
}
.more-info a.s-button-more-info:hover
{
	background: url(images/btn-Information--hover.gif) top left no-repeat;
}
.s-getitnow
{
    margin-top:18px;
    }
* html .s-getitnow   
{
    margin-top:18px;
    }
 
a.s-button-contactusnow
{
	background: url(images/btn-contact.gif) top left no-repeat;
	display: block;
	height: 50px;
	width: 210px;
}
a.s-button-contactusnow:hover
{
	background: url(images/btn-contact-hover.gif) top left no-repeat;
}   
.s-contactusnow
{
    width:450px;
	padding: 7px 5px 0 232px;
}
.diagrame{ height:414px;}
.diagrame img{ position:absolute;}
.diagrame .readmore{ width:53px; height:16px; display:block; background:url(images/btn.png) no-repeat;  position:relative; font-size:0px;}
.diagrame .readmore:hover{ background:url(images/btn_hover.png) no-repeat;}
.diagrame .m1{ position:absolute; margin:74px 0 0 168px;}
.diagrame .m2{ position:absolute; margin:69px 0 0 618px;}
.diagrame .m3{ position:absolute; margin:368px 0 0 167px;}
.diagrame .m4{ position:absolute; margin:390px 0 0 627px;}

/* our team */

h2.ourteam{ background:url(images/ourteam.gif) repeat-x; height:45px; padding:8px 0 0 11px !important; color:#fff; margin-bottom:0px; margin-top:7px;  }
img.photo-ourteam{ border:solid #085fb9; border-width:0px 10px 10px 10px; margin:0 13px 13px 0; margin-top:-8px;  #float:left;}

/* end  our team */


/* new add on 4-3-11 */

.s-sub-content .s-box .s-newsletter{	color: #fff;	width: 168px;	padding: 109px 10px 5px 102px; #padding: 119px 10px 5px 102px;	background: url(images/get-it-now-BG.gif) top center no-repeat;	height: 48px; #height: 38px;	line-height: 16px;	font-size: 13px;	margin-bottom:0px;	/* font-size: 12px; */ }


.btn-subscribe{	background: url(images/btn-subscribe.png) top left no-repeat;	display: block;	height: 23px;	width: 110px; cursor:pointer;	}
.btn-subscribe:hover{ background-position:0 -32px;	}
.mt10{ margin-top:10px;}
.pb3{ padding-bottom:3px;}
.btn-testimonial{ background:url(images/btn-testimonial.jpg) no-repeat; height:75px; width:280px; display:block; cursor:pointer; font-size:0px; text-decoration:none;  }
.btn-testimonial:hover{ background-position:0 -80px;}
.overclients{ background:url(images/overclients-middle.gif) repeat-y; margin-top:10px; margin-bottom:3px; }
.overclients-bottom{ background:url(images/overclients-bottom.gif) no-repeat bottom; padding-bottom:5px; }
.overclients-content{ background:url(images/overclients-top.gif) no-repeat top; min-height:100px; padding-top:46px; padding-bottom:7px; }
.overclients-logos{  width:225px; height:94px; margin:0 auto;  text-align:center;  }
.overclients-content p{ color:#2f2e2e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px 10px 0 14px; font-size:12px; line-height:15px; }

.logo1{ padding:2px 0 0 68px; }
.logo2{ padding-left:83px;}
.logo3{ padding:12px 0 0 50px;}
.logo4{ padding:0 0 0 81px;}
.logo5{ padding:28px 0 0 58px;}
.logo6{ padding:21px 0 0 55px;}
.logo7{ padding:5px 0 0 65px;}

/* end new add on 4-3-11 */

.enqLabel { text-align:right; margin-right:10px; #width:25%  }
.enqField { margin-left:25%; }
label.requiredtxt, div.enqField label.error
{
	font-weight: bold;
	padding: 0 5px;
	color: #990000;
	margin: 0px 0 0px 105px;  #margin: 0px 0 0px 130px; 
	width:70%!important;
	clear:both;
}
.enqbuttons{ margin-left:274px; #margin-left:300px;}
.enqRes { font-weight:bold; margin-left:35px; margin-left:32px \09; #margin-left:80px; color:#000000; font-size:12px; line-height:15px; padding-bottom:15px; padding-top:10px; }


/* 22-3-11 */

.round-blue-box{ background:url(images/bluebox-b.gif) no-repeat bottom;  width:690px; margin-bottom:5px; }
.round-blue-box-bg{ background:url(images/bluebox-bg.gif) repeat-y;  }
.round-blue-box-top{ background:url(images/bluebox-t.gif) no-repeat top; min-height:200px; padding:15px 15px 5px 15px;    }

/* End 22-3-11 */



/*  Survey Page 9-4-11 */


.formsurvey{ background:#f2f9ff url(images/form-adv-bg.jpg) repeat-x top; 	font-family:Arial, Helvetica, sans-serif;font-size:12px; border:solid 1px #c8d4e1;	/*left: 10px;*/	color:#00547b;	width:100%; clear : both; margin-top:15px;  }
.formsurvey:first-child{ margin-top:10px;}
.formsurvey .formadvtl{ background:url(images/formtl.jpg) no-repeat top left;  margin:-1px; margin-bottom:-1px\09; #margin-bottom:-1px;   min-height:45px;   }
.formsurvey .formadvtr{ background:url(images/formtr.jpg) no-repeat top right;  min-height:45px;   }
.formsurvey .formadvbl{ background:url(images/formbl.jpg) no-repeat bottom left;   min-height:45px;  }
.formsurvey .formadvbr{ background:url(images/formbr.jpg) no-repeat bottom right; min-height:50px; padding:12px 0 15px 0; overflow:auto;  }
.formsurvey .no-blue{  float:left; background:#0859b2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; padding:7px 11px; }
.formsurvey .survey-content{ float:left; width:940px; padding-left:10px;}
.formsurvey .survey-content ul{ margin:7px 0 0 0; padding:0;}
.formsurvey .survey-content ul li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000; padding:3px 0; }
.formsurvey .survey-content ul li input[type="radio"], .formsurvey .survey-content ul li input[type="checkbox"]{ margin:0 5px 0 0 !important; padding:0px !important; }
.formsurvey .survey-content ul li label.error{ position:absolute; margin-left:35px; color:#F00; background:url(images/error.png) 0 3px no-repeat;   height:27px; padding:0px 0 0 20px;}
/*.formsurvey .survey-content .error{    clear:both; display:block;  color:#F00; background:#ffeeee url(images/error1.png) no-repeat 5px; padding:2px 0 1px 25px; font-weight:bold; border:solid 1px #ffc9c9; width:97%;   } */
.formsurvey .survey-content label.error{    clear:both; color:#990000; background: url(images/error1.png) no-repeat 0 7px; *background: url(images/error1.png) no-repeat 3px 7px;  font-weight:bold; padding:5px 0 0 20px;  *padding:5px 0 0 23px;  }
.formsurvey .survey-content h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#004d98; line-height:20px; clear:both;  }

.btn-submit{ background:url(images/btn-submit.jpg) no-repeat; height:41px; width:131px;  border:none; cursor:pointer }
.btn-submit:hover{ background-position:0 -49px; }
.mainerror
{
    background: url("images/error1.png") no-repeat scroll 0 2px transparent;
    clear: both;
    color: #990000;
    font-weight: bold;
    margin-top: -5px;
    padding: 0 0 0 20px;
    position: absolute;
}
/* 9-4-11 */
