/************************************

 *

 *  Replace these colors as needed

 *  

 *  #81A432 - main color

 *  #71902C - shadow color

 *  #fff    - font color 

 *

 ************************************/   



body #color-insert {

  /*background: #81A432;*/

  background: #6C7D91;

}



/* menu area 	Khajsaleh start change from green to blue

div#horiz-menu {

	border-color: #71902C; 

	background: #81A432;

}

*/



div#horiz-menu {

	background:url(../../../images/mas/nav-bg.jpg) no-repeat;

	width:100%;

	margin:0px auto;

	height:40px;

}

/* menu area 	Khajsaleh end change from green to blue */



a:link,

a:visited {

   /*color: #71902C; */

   color: #009;

}





/*.contentheading {

  /*color: #71902C;*/

  /*color: #000000;*/

  color: #1F5285;

}*/



div.componentheading {

  color: #fff;

  background: #81A432;

}



/* suckerfish */



#nav a {

	color: #fff;

}



#nav a.topdaddy,

#nav li.active a.topdaddy {



	/*border-right:  1px solid #71902C;*/ 

}







#nav li a {

/*	Khalid start

border-right:  1px solid #71902C;



border-right:  1px solid #00338F;

*/	



}



#nav li li a {

	border: 0;

}



#nav ul li a:hover,

#nav ul li ul li a:hover,

#nav ul li ul li ul li a:hover,

#nav ul li.active ul li a:hover,

#nav ul li.active ul li ul li a:hover,

#nav li.active li.active a,

#nav li.active li.active a:hover {

	/*background: #71902C;  xxx*/

	/* this controle of the header box when highlighted*/

	background: #1465A7;

	color:#FFFFFF;

}



#nav li li {

	/*border-bottom: 1px solid #71902C;*/

}



#nav ul ul a {

	color: #fff;

}



#nav li ul {



}



#nav li:hover a, #nav li.sfhover a {

  color: #fff;

}



#nav li li:hover a, #nav li li.sfhover a {

  color: #fff;

}







#nav li:hover ul, 

#nav li li:hover ul

{

	/*background: #81A432;

	border:  1px solid #71902C;*/

	background: #4D4D4D;

}



a.btn_contact:visited

{

color:#0000;

}





/* Invesp homepage code */



#mainBanner{background:url(../../../images/mas/main-header.jpg) no-repeat; width:1000px; display:block; height:420px; margin:0px auto; position:relative;}

#mainBanner h2{font-size:40px; font-weight:bold; color:#FFFFFF; text-shadow: 1px 1px 2px #000000; position:absolute; top:30px; left:0px; width:1000px; text-align:center; font-family:Helvetica, Arial, sans-serif}

#mainBanner a.demoButton{ width:246px; height:50px; position:absolute; left:375px; bottom:14px;}





#contentCont{ overflow:hidden; margin:20px 0px;}

#contentTop{ background:url(../../../images/mas/cnt-top-bg.jpg) no-repeat -1px 0; height:10px; font-size:10px;}

#contentBottom{background:url(../../../images/mas/cnt-btm-bg.jpg) no-repeat -1px 0; height:10px; font-size:10px;}

#content{background:url(../../../images/mas/cnt-mdle-bg.jpg) repeat-y -1px 0; padding:15px 25px; overflow:hidden;}

#bookClientCont{float:left; display:block; width:611px; height:163px; margin:0 0 30px 0;}

#bookClientCont h2{ font-size:16px; color:#1465A7; margin:5px 0 0;}

#homeRightCont{float:right; display:block; width:317px; margin:0 0 30px 22px;}

#bookCont{background:url(../../../images/mas/our-book-bg.jpg) no-repeat; width:289px; height:163px; margin:0 7px 0 0; float:left;}

#bookCont img{ float:left; width:115px; height:150px; margin:6px 10px 0 36px;}

#bookCont h2{ font-size:16px; color:#1465A7; margin:12px 0 0; font-weight:bold;}

#bookCont p{ font-size:11px; color:#333333; margin:12px 0; line-height:135%;}

#bookCont p.bookAuthors{ font-size:10px; color:#999999; margin:0px;}

#clientLogosHome{background:url(../../../images/mas/our-customer-bg.jpg) no-repeat; width:310px; height:153px; float:right; padding:7px 2px 0; overflow:hidden;}







#footer{ background:url(../../../images/mas/footer-bg.jpg) repeat-x; height:100px;}

#footerCont{width:1000px; margin:0px auto;}

#footerLinks{list-style:none; list-style-type:none;}

#footerLinks li{list-style:none; list-style-type:none; display:inline;}

#footerLinks li a{ display:block; float:left; padding:12px 38px; font-size:14px; color:#FFFFFF; text-decoration:none;}

#footerLinks li a:hover{ background:#1777BD; color:#FFFFFF;}



#footerLogo a{display:block; width:130px; height:43px; float:left; text-indent:-5000px; margin:9px 0 0; background:url(../../../images/mas/invesp-logo-white.png) no-repeat;}

#fCopyright{width:300px; float:left; margin:28px 0 0 30px; font-size:11px; color:#717267;}

#footerABC{width:230px; float:right; margin:22px 0 0 30px;}





/* Gray button */



a.grayButton{

background: transparent url(../../../images/mas/btn-gray-left.png) no-repeat top left;

display: block;

float: left;

font: bold 12px Arial; /* Change 12px as desired */

line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */

height: 24px; /* Height of button background height */

padding-left: 4px; /* Width of left menu image */

text-decoration: none;

margin:0 0 0 3px;

}



a:link.grayButton, a:visited.grayButton, a:active.grayButton{

color: #1465A7; /*button text color*/

}



a.grayButton span{

background: transparent url(../../../images/mas/btn-gray-right.png) no-repeat top right;

display: block;

padding: 4px 14px 4px 6px; /*Set 14px below to match value of 'padding-left' value above*/

}



a.grayButton:hover{ /* Hover state CSS */

background-position: bottom left;

}



a.grayButton:hover span{ /* Hover state CSS */

background-position: bottom right;

color: black;

}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */

overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

width: 100%;

}

/* End of gray button*/





/* Blue button */



a.blueButton{

background: transparent url(../../../images/mas/btn-blue-left.png) no-repeat top left;

display: block;

float: left;

font: bold 18px Arial; /* Change 12px as desired */

line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */

height: 44px; /* Height of button background height */

padding-left: 9px; /* Width of left menu image */

text-decoration: none;

margin:0 0 0 3px;

}



a:link.blueButton, a:visited.blueButton, a:active.blueButton{

color: #FFFFFF; /*button text color*/

}



a.blueButton span{

background: transparent url(../../../images/mas/btn-blue-right.png) no-repeat top right;

display: block;

padding: 14px 16px 14px 6px; /*Set 14px below to match value of 'padding-left' value above*/

}



a.blueButton:hover{ /* Hover state CSS */

background-position: bottom left;

}



a.blueButton:hover span{ /* Hover state CSS */

background-position: bottom right;

color: #FFFFFF;

}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */

overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

width: 100%;

}

/* End of Blue button*/



.scheduleDemoBtn{width:183px; float:right; margin:0 0 3px 0;}





.webinarCont h2{font-size:20px; color:#FFFFFF; background:url(../../../images/mas/webonar-title-bg.jpg) no-repeat; padding:8px; text-align:center; margin:0 0 0 0;}



.webinarEvents{ background:#F2F2F2; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; padding:0px 10px; list-style:none; list-style-type:none; overflow:hidden; margin:0px;}

.webinarEvents li{border-bottom:1px solid #DDDDDD; border-top:1px solid #FFFFFF; list-style:none; list-style-type:none; padding:15px 0;}

.regTodayBtn{width:175px; float:left; margin:0 0 0 60px;}





.righColTop{background:url(../../../images/mas/gray-box-right-top.jpg) no-repeat; height:10px; font-size:10px; }

.righColBottom{background:url(../../../images/mas/gray-box-right-bottom.jpg) no-repeat; height:10px; font-size:10px; margin:0 0 20px 0;}

.righColMiddle{ background:#F2F2F2; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; padding:0px 10px;}



.caseStdyBtns{width:250px; padding:10px 0 5px 38px;}



.rightClientHdng{ font-size:20px; text-align:center; margin:0 0 0 0; color:#000000;}

.rightClientHdng span{ font-size:24px; color:#1F92C9;}

.HSWHdng{color:#43596E; margin:5px 0px; text-align:center;}

.HSWHdng span{color:#6AC7DB;}



h2{font-size:18px; color:#1465A7; margin:0 0 20px 0;}

p{margin:0 0 20px 0;}

a{text-decoration:none; color:#33A5E1;}

a img{border:0px;}



ul.normalBlack{list-style:none; list-style-type:none; margin:0 0 20px 0; padding:0px;}

ul.normalBlack li{ background:url(../../../images/mas/bullet.png) no-repeat left 9px; list-style:none; list-style-type:none; padding:3px 0px 3px 15px;}



.happyClients{ clear:both; margin:30px 0 0; padding:0px 2px;}

.happyClients ul{padding: 0pt; overflow: hidden; width: 345px; height: 68px;}

.happyClients ul li{ list-style:none; list-style-type:none; display:block; float:left; width:140px; margin:0px 7px;}



.happlyClientHDNG{font-size:16px; color:#1465A7; margin:5px 0 0; padding:0 0 0 10px; width:250px; float:left;}

.clientNextPrev{width:25px; float:right; margin:6px 10px 0 0;}

a.clientsNext{background:url(../../../images/mas/right-left-arrows.png) no-repeat top right; width:7px; height:15px; display:block; float:left;}

a.clientsNext:hover{background:url(../../../images/mas/right-left-arrows.png) no-repeat bottom right;}

a.clientsPrev{background:url(../../../images/mas/right-left-arrows.png) no-repeat top left; width:7px; height:15px; display:block; margin:0 10px 0 0; float:left;}

a.clientsPrev:hover{background:url(../../../images/mas/right-left-arrows.png) no-repeat bottom left;}











/* Pricing table CSS Mas */



.pricingCont{

	width:950px;

    float: left;

    min-height: 300px;

    padding-bottom: 48px;

}

#pricingTitle {

    height: 82px;

}

#site_signup h1 {

    width: 150px;

}

/*#site_tour h1, #site_examples h1, #site_signup h1, #site_signup_form h1, #site_contact h1, #site_buzz h1, #site_goodies h1, #policies_index h1, #site_blog h1, #site_about h1, #site_jobs h1 {

    background-repeat: no-repeat;

    height: 50px;

    text-indent: -9999em;

}*/

#pricingTitle h1 {

    color: #0570C9;

    float: left;

    font-size: 36px;

    line-height: 0.9em;

    margin: 22px 0 0;

}



#pricingTitle p {

    color: #999999;

    float: left;

    font-size: 24px;

    margin: 32px 0 0 18px;

    padding: 5px 0;

    text-indent: 20px;

	border-left:1px dotted #666666;

}



#plans {

    float: left;

	background:url(../../../images/mas/pricing.jpg) repeat-x;

}



.plan {

    float: left;

    width: 237px;

}

.plan h2 {

    display: block;

    height: 102px;

    margin-bottom: 8px;

    text-indent: -5000px;

    width: 180px;

}

h2 {

    font-size: 13px;

    font-weight: bold;

    line-height: 1.4em;

}



.plan ul {

    list-style: none outside none;

    padding: 120px 16px 0;

	margin:0px;

	border-left:1px dotted #666666;

	min-height:400px;

}

.plan li {

    border-bottom: 1px dotted #666666;

    color: #000000;

    font-size: 13px;

    padding: 12px 0;

}

.plan li.noBorder {

    border-bottom: none;

}



.plan li strong{

    font-size: 18px;

	font-weight:bold;

}

.plan li.singleLineNumbers{

 	padding:18px 0;

}

/*.plan li span.tip {

    cursor: pointer;

    display: block;

    padding: 8px 0;

    width: 100%;

}*/



a.priceSignUpBtn {

    text-align: center;

    width: 163px;

	height:38px;

	background:url(../../../images/mas/btn-signup.png);

	display:inline-block;

	margin:0 0 0 22px;

	text-indent:-5000px;

}



a.priceSignUpBtn:hover {

	background:url(../../../images/mas/btn-signup.png) no-repeat 0 -50px;

}



a.priceContactBtn {

	background:url(../../../images/mas/btn-signup.png) no-repeat -180px 0;

}



a.priceContactBtn:hover {

	background:url(../../../images/mas/btn-signup.png) no-repeat -180px -50px;

}



.button {

    background-position: 0 0;

    background-repeat: no-repeat;

    border: medium none;

    display: block;

    height: 28px;

    overflow: hidden;

    text-indent: -5000px;

    width: 112px;

}



#prices_faq {

    float: left;

    padding: 16px 0 0;

}