/* Default Fonts and Headers */

body {
	font: 0.8em "arial", sans-serif;
	line-height:1.5;
}

p {margin-bottom:0.8em; }

h3, h4, h5 {margin-bottom:0.4em; }

h3, h4, h5 {font-weight:bold;}

h3, #rhs h4, a, .pricing table h5 {color:#4bae50;}

h3 {  font-size:1.4em; }
h4, h5 { font-size:1.1em;}
h4 span {color:#666;}

/* here starts new code for testing, changed header styles */

h6 {font-size:11; font-weight:100; color:#ccc;}
.h7 {font-size:small; font-weight:bold; color:#4bae50;}
h8 {font-size:medium; font-weight:bold; color:White;}

.faqs h3 {font-size:1.2em;}

.pricing table h5 {font-size:1.2em;}

strong {font-weight:bold;}

ul.list {
  list-style-image:url('../images/layout/bullet.gif');
  margin:0 0 0.8em 14px;
}

/* End Fonts */


/* Layout */

/* html, body { height: 100%; } */

#wrapper {
  position: relative;
  min-height: 100%;
}

#brand, #mainNav {
  width:980px;
  margin:0 auto;
}

#contentWrapper { 
  padding:15px 0 100px 15px; 
  width:980px;
  margin:0 auto;
}

#footer {
  position: relative; 
  height:68px;
  margin-top: -68px;
  clear:both;
}

/* End Layout */

/* Main Columns */

#contentWrapper.threeCol #content {
  float:left;
  width:558px;
}

#contentWrapper.twoCol #content {
  float:left;
  width:764px;
}

#contentWrapper.twoColrhs #content {
  float:left;
  width:754px;
}

/* End Main Columns */


/* Header */

#brand {height:80px;}

#header .logo {
  margin:20px 15px;
  float:left;
}

#header .contactNo {
  float:right;
  color:#797a7c;
  font-weight:bold;
  margin: 0;
  margin-top:20px;
}

#header .contactNo strong {color:#000;}
#centerer
{
	width: 980px;
	margin: 0 auto;
}

#title {
  background:#242422 url('../images/layout/header-bg-repeat.png') repeat-x;
  clear:left; 
  margin:auto;
}

#title .inner {
  background:url('../images/layout/header-bg.png') no-repeat;
  height:92px;
  color:#fff;
  padding:12px 15px 12px 25px;
  width:940px;
  margin:0 auto;
  position:relative;
}

#title.about {
  background:#48a64d url('../images/layout/header-bg-gn-repeat.png') repeat-x;
}

#title.about .inner {
  background:url('../images/layout/header-bg-gn.png') no-repeat;
}

/* new test style for title */


.home1 #title {
  background:#ff721d url('../images/layout/header-bg-home-repeat.pn') repeat-x;
}

.home1 #title .inner {
  background:url('../images/newbackground1.jpg') no-repeat;
  height:278px;
  overflow:hidden;
}

/* new test style ends */

.home #title {
  background:#ff721d url('../images/layout/header-bg-home-repeat.png') repeat-x;
}

.home #title .inner {
  background:url('../images/layout/header-bg-home.png') no-repeat;
  height:278px;
  overflow:hidden;
}

#title img {float:right;}

#title h1 {
  font-size:2.5em;
  font-weight:bold;
  line-height:1;
  padding-top:12px;
}

.home #title h1 {
  line-height:1.2em;
}

#title h2 {
  color:#909086;
  font-size:1.8em;
}

#title.about h2 {
  color:#9fd0a2;
}


/* End Header */


/* Navigation */

#mainNav {
  clear:both;
}

#mainNav li {
  float:left;
  background: #343436 url('../images/layout/mainNav-left.gif') top left no-repeat;
  color:#fff;
  margin-right:4px;
  font-weight:bold;
  font-size:1em;
}

#mainNav li a {
  background: url('../images/layout/mainNav-right.gif') top right no-repeat;
  padding:9px 14px;
  color:#fff;
  text-decoration:none;
  display:block;
}

#mainNav li.on {
  background: #4bae50 url('../images/layout/mainNav-on-left.gif') no-repeat;
}

#mainNav li.on span {
  background: url('../images/layout/mainNav-on-right.gif') top right no-repeat;
  padding:9px 14px;
  display:block;
}

#subNav {
  background:#409544 url('../images/layout/subNav-bg.gif') repeat-x;
  clear:both;
  margin: 0 auto;
  width:980px;
}

#subNav ul {
  padding:7px;
  overflow:hidden;
  width:966px;
  margin:0 auto;
}

#subNav ul li {
  float:left;
  color:#fff;
  font-weight:bold;
  font-size:0.9em;
  padding:4px 10px;
}

#subNav ul li a {
  color:#fff;
  text-decoration:none;
}

#subNav ul li.on {
  background: #52ba57 url('../images/layout/subNav-left.gif') no-repeat;
  padding:0;
}

#subNav ul li.on span {
  background: url('../images/layout/subNav-right.gif') right no-repeat;
  padding:3px 10px 0;
  display:block;
  height:21px;
}

/* End Navigation */


/* Footer */

#footer {
   background:#f3f2f2;
}

#footer hr {
  margin:0px;
  width:980px;
  margin:0 auto;
  height:1px;
  border-top:1px solid #e1e1e1;
}

#footer ul {
  text-align:center;
  padding:6px 0;
}

#footer ul li {
  display:inline;
  padding:
  color:#333;
  font-weight:bold;
  font-size:0.9em;
  padding:0 8px;
}

#footer a {
  color:#333;
  text-decoration:none;
}


/* End Footer */


/* lh Nav */

#lhs {
  float:left;
  width:166px;
  margin-right:30px;
}

#lhs .nav {
  border-bottom:1px solid #eaeaea; 
}

#lhs .nav li {
  border-top:1px solid #eaeaea; 
  padding:7px 19px 7px 0;
  font-weight:bold;
}

#lhs .nav li {
  background:url('../images/layout/lhNav-off.gif') right no-repeat;
}

#lhs .nav li.on {
  background:url('../images/layout/lhNav-on.gif') right no-repeat;
}

#lhs .nav li a {
  color:#666;
  text-decoration:none;
}

/* End lh Nav */


/* rhs */

#rhs {
  width:196px;
  background:#f3f2f2 url('../images/layout/rhs-top.gif') no-repeat top;
  margin-left:15px;
  float:right;
}

#rhs .inner {
  padding:20px 15px;
  background:url('../images/layout/rhs-base.gif') no-repeat bottom;
}

.home #rhs {
  width:181px;
  background:#f3f2f2 url('../images/layout/rhs-home-top.gif') no-repeat top;
  margin-right:15px;
}

.home #rhs .inner {
  background:url('../images/layout/rhs-home-base.gif') no-repeat bottom;
}

#rhs ul li {
  list-style-image:url('../images/layout/bullet.gif');
  margin:0 0 0.8em 14px;  
}

div.right {
  width:196px;
  float:right;
  text-align:center;
  clear:right;
  margin-top:30px;
}

div.right1 {
  width:244px;
  position:relative;
  float:right;
  left:-8px;
  text-align:right;
  clear:right;
  padding-left:-10px;
  margin-top:10px;
}

.contact div.right {
  clear:none;
  text-align:left;
  margin-top:0px;
}
 
/* End rhs */


/* Colums */

#content.twoCol .col1 {
  width:362px;
  float:left;
  margin-right:30px;
  margin-bottom:1em;
}

#content.twoCol .col2 {
  float:left;
  width:362px;
  margin-bottom:1em;
}

.fullWidth #content.twoCol .col1,
.fullWidth #content.twoCol .col2 {
  width:460px;
}


#content.fourCol .col1, #content.fourCol .col2, #content.fourCol .col3 {
  width:166px;
  float:left;
  margin-right:30px;
  margin-bottom:1em;
}

#content.fourCol .col4 {
  float:left;
  width:166px;
  margin-bottom:1em;
}

#content.fourCol .col234 {
  float:left;
  width:558px;
  margin-bottom:1em;
}

#content hr {
  clear:left;
  border:1px solid #eaeaea;
  border:1px 0 0;
  height:1px;
  color:#eaeaea;
}

#content hr.line {
  border:1px solid #eaeaea!important;
  border:1px 0 0!important;
  height:1px!important;
  color:#eaeaea!important;
}

.threeCol #content.threeCol .col1,
.threeCol #content.threeCol .col2 {
  float:left;
  width:;
  margin-bottom:1em;
  margin-right:30px;
}

.threeCol #content.threeCol .col3 {
  float:left;
  width:;
  margin-bottom:1em;
}

.twoCol #content.bundles .col1,
.twoCol #content.bundles .col2,
.twoCol #content.bundles .col3 {
  float:left;
  width:217px;
  margin:0 23px 1em -15px;
  min-height:216px;
  background:#2c2c27 url('../images/layout/bundle-bg.png') no-repeat top;
  padding:15px 22px 0px 15px ;
}

.twoCol #content.bundles .col3 {
  margin-right:0px;
}

/* End Columns */


/* Content */

#content.caseStudies div img, #content.overview div img {
  float:left;
}

#content.caseStudies p {padding-left:82px;}

#content.customization p.inlineBlock, 
#content.overview p.inlineBlock {padding-left:77px;}

#content.caseStudies hr, #content.overview hr {
  clear:left;
  background:url('../images/layout/2col-hr.gif');
  border:0;
  height:1px;
  color:#eaeaea;
}

#content.features hr, #content hr.blank,
#content.bundles hr{
  border:0;
  height:0;
  color:#fff;
}

.features div img {
  float:left;
  margin-right:4px;
}

.customization p.thumb {
  float:left;
  width:73px;
  text-align:center;
  margin-right:4px;
}

.thumb img {
  vertical-align:middle;
  margin-bottom:4px;
}

.productSummary .thumb {
  width:166px;
  margin-right:15px;
  float:left;
}

.productSummary .inlineBlock {
  float:left;
  width:362px;
}

.screenshots p {
  width:115px;
  float:left;
  margin-right:5px;
}

.bundles div { color:#fff }

.bundles div h4 {
  font-size:1.7em;
  line-height:1.3em;
}

.bundles div p {font-size:0.9em;}

.bundlesHead p {
  width:80px;
  height:90px;
  line-height:1.1em;
}

.bundlesHead p span {
  color:#4bae50;
  font-size:0.8em;
}

#content.box {
  width:573px!important;
  background:#f3f2f2 url('../images/layout/content-top.gif') no-repeat top;
  float:left;
}

#content.box .inner {
  padding:20px 15px;
  background:url('../images/layout/content-base.gif') no-repeat bottom;
}


/* End Content */


/* Homepage */

.home #title .inner {
  position:relative;
}

.home #title ul {
  list-style-image:url('../images/layout/home-bullet.gif');
  margin:12px 0 0.8em 20px;
  font-size:1.5em;
  line-height:30px;
}

img.sharepointFlow {
  position:absolute;
  top:10px;
  right:10px;
}

img.sharepointFlow2 {
  position:absolute;
  top:25px;
  right:20px;
}

img.learn {
 position:absolute;
  top:128px;
  right:108px;
}

img.order {
 position:absolute;
  top:128px;
  right:46px;
}

.boxes div {
  width:156px;
  margin-right:10px;
  float:left;
  background:url('../images/layout/home-box.png');
  height:97px;
  color:#4bae50;
  padding:10px 15px 50px 15px;
  overflow: visible;
  line-height:1.6em;
  position:relative;
  margin-bottom:15px;
}

.boxes div.bundle {
  background:url('../images/layout/home-box-bundle.png');
}

.boxes div span {
  font-size:1.2em;
  font-weight:bold;
}

.boxes div h3 {
  color:#fff;
}

.boxes img.learn {
  top:125px;
  right:88px;
}

.boxes img.order {
  top:125px;
  right:26px;
}

.home .col1 img, .home .col2 img { float:left; }

/* End Homepage */



/* Contact us form */

.contactUs label {width:100px; float:left; font-weight:bold;}

.contactUs .text, .contactUs textarea {width:342px;}

.contactUs .submit {margin-left:100px;}

/* End form */

/* Overview clip */

 .video {
  background:url('../images/layout/video-bg.png') no-repeat;
  width:342px;
  height:287px;	
  margin-left:380px;
  /*padding:45px 20px 20px;*/
  padding-top:20px;  
  margin-bottom:15px;
  margin-top: 10px;
  right:-10px;
}

 .video p {
  color:#fff;
  font-size:0.9em;
  padding-left:20px;
 
}

/* End Overview */


/* Pricing Table */

.pricing table { width:100%; }

.pricing table td {  padding:4px 8px;   }

.pricing table th {background-color:#fff;   }

.pricing table .even {background-color:#fafafa;}

.pricing table .odd { background-color:#f3f2f2;}

.pricing hr {margin:1.5em 0};

.pricing table h1 {font-weight:bold}

/* End Pricing */


/* Features Table */

.features table { width:100%; }

.features table td {  padding:4px 8px;border-right: solid 1px #bbb}

.features table th {background-color:#fff;}

.features table .even {background-color:#fafafa;}

.features table .odd { background-color:#f3f2f2;}

.features hr {margin:1.5em 0};

.features table h1 {font-weight:bold}

/* End Features */


/* Shopping Cart */

.cart.center {text-align:center;}

#content.cart hr { margin:10px 0; clear:both;}

p.right { float:right; clear:both; }
.button img {  vertical-align:middle; margin-left:10px;}

.basket { width:100%; margin:5px 0 10px 0; }

.basket tr th { padding:15px 0; font-weight:bold; }

.basket tr td { padding:10px 0; }

.basket .quantity span {
  background-color:#da5a0b; 
  border:1px solid #cfd0d0; 
  padding:1px 6px;
  float:left; 
  text-align:center; 
  margin-right:5px; 
  color:#fff;
  font-weight:bold;
}

.basket .price {text-align:right; width:150px;}

.basket .quantity {width:125px;}

.cart .total {
  float:right;
  width:275px;  
  line-height:2.2em;
  margin-bottom:15px;
}

.cart .total p strong { float:left; clear:both; }

.cart .total p span {
  width:200px;
  float:right;
  text-align:right;
}

.cart .grey {
  width:760px;
  float:left;
  background-color:#e5e5e5;
  padding:12px;
  color:#666;
  margin:12px 0;
}

.cart .grey h4 { color:#4bae50; }

.cart .coupon { width:300px; }

.cart .coupon input.text { margin-right:10px; width:200px;}

.cart .notes {clear:both; width:746px; }

input.text, input.text50 { border:1px solid #cfd0d0; }


.accountDetails label.left { 
  float:left;
  width:175px;  
  margin:0 15px;
}

.accountDetails input.text { width:350px;  margin-bottom:8px;}

.accountDetails input.text50, .accountDetails .select { width:185px;  margin-bottom:8px;}

.accountDetails .contact {margin:15px;}

.accountDetails .contact label {margin:0 5px;}

.cart .quote {margin-left:50px;}

.cart .quote input {margin:0 10px 0px 0;}

.cart .quote label {margin:0 10px 0 0;}

.cart .confimation {padding-left:50px;}

.cart .confimation .inner {float:left; width:35%; margin-left:10px;}

.cart .confimation .details span { float:left; width:120px; margin-right:5px;}

.cart .confimation .details br {clear:both;}

/* Breadcrumb */



.cart ol { 
  list-style-type: decimal; 
  list-style-position:inside;
  color:#fff;
  font-weight:bold;
  margin:0 0 45px 98px;
  background:url('../images/layout/breadcrumb-bg.gif') no-repeat; 
  height:30px;
}

.cart ol li {
  background: transparent url('../images/layout/breadcrumb-off.gif') no-repeat; 
  position:relative;
  width:17px;
  height:23px;
  float:left;
  margin-right:92px;
  padding:3px 0 0 9px;
}

.cart ol li.on { background:url('../images/layout/breadcrumb-on.gif') no-repeat;  }

.cart ol li span {
  position:absolute;
  top:30px;
  color:#000;
  left:-42px;
  width:110px;
  text-align:center;
}

.cart ol li.on span { color:#4bae50; }

/* End breadcrumb */

/* End Shopping Cart */


/**/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {clear:both!important;}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.shoppingCartLink
{
	display:block;
	float:right;
}

.redMessage
{
	color:Red;
}
.callUs
{
	position:absolute; margin-top:60px; margin-left:525px;
}
.imWrap
{
	position:absolute;  margin-top:50px;
	margin-left: 820px;
}