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

/* Using this class in an empty div will stop floating divs above floating outside of the container div */

.clearBoth {clear:both; }

.bodybg { text-align:center; margin:0px; padding: 0px; background:#ffffff;  }

/* This will center the content in the center of the page using any set width */

#master { margin: 0px auto;	width:950px; text-align:left; }

#headDiv { width:950px; height:112px; background:#000000; }

#headImage { width:570px; height:112px; float:right; }
                #topNavBox { width:570px; height:40px; margin-top:33px; }
				
				#topNav { width:407px; height:40px; float:left; }
				
				#searchbox { padding: 3px 0px 0px 3px; margin: 0px; height:25px; width: 129px;  font-size:10px; background:url(../images/graphics/searchbg.gif) no-repeat; float:right; margin:0px 20px 0px 0px;  }
                #searchbox input{ border:0px; font-size: 10px; background: #fff; }
                #searchbox #inputbox{padding-left: 5px; float:left;}
                #searchbox #searchbut{float:right; vertical-align:middle; }
                #searchbox img{ border:0px; }
				
                #navDiv { width:570px; height:40px; margin-left:-10px; }

#logo { width:380px; height:112px; background: url(../images/graphics/logo.png) no-repeat; float:left; }

                #logo h1 { font-size: 10px; margin:0px }
                /* match height and width in logo and logo a */
                #logo a { width:380px; height:112px; display:block; text-indent:-10000px; }
				
#sliderArea { width:950px; height:280px; }
#sliderAreaPad { padding:20px 0px 20px 0px; }
                #slider { width:742px; height:240px; float:left; }
	       #currentClients { width:208px; height:240px; float:right; }
				
#featuresBlock { width:950px; height:366px; background: url(../images/graphics/featuresbg.jpg) no-repeat; }
#featuresBlockPad {padding:33px 15px 0px 15px; }

#featPanels{width: 950px;}        
        #featPanel1 {float:left; width: 218px; margin-right:16px; }
        #featPanel2 {float:left; width: 218px; margin-right:16px; }
        #featPanel3 {float:left; width: 218px; margin-right:16px; }
        #featPanel4 {float:left; width: 218px; margin-right:16px; }
            .featPad{padding: 15px;}

#conDiv {width:950px; min-height: 400px; background: url(../images/graphics/contentbg.gif) repeat-y; margin:15px 0px 15px 0px; }

#conDivBlog {width:950px; min-height: 400px; margin:15px 0px 15px 0px; }

    #conRightPad {padding: 8px 20px 15px 40px;}

/* Make sure the with of conLeft and conRight always = the width of master */

#conLeft { width:243px; float:left; min-height: 400px; }
    #conLeftPad{padding: 15px 0px 0px 8px;} 

#conRight { width:707px; float:right; }

#footer { width:950px; height:152px; background: #000000; } 
#footerPad { padding:20px; }
#poweredby { font-size: 11px; color:#ffffff; }
   #poweredby a{ color: #ffffff; font-size: 11px; }
   #poweredby a:hover{ color: #ffffff; font-size: 11px; text-decoration: underline;}


   

/* generic styles */


a img{border: 0px;}

hr { height: 0px; color: #e3e2e2; border-top: 1px; background: #e3e2e2; border-style: solid;}

input,textarea{  background: #f3f3f3; border: 1px solid #666; }

input:hover,textarea:hover{ background: #e3e3e3; border: 1px solid #333; }


/* Start Form Validation Styles*/
.validation_failed {
  border: 1px solid red;
}
.error_msg {
  color:red;
}
/* End  Form Validation Styles */


/* saasu pages */


    #saasuintro{width: 680px; }
    .saasuimg{ width: 680px;}

            
/************************ Extra styles - remove those not in use ****************************/


    
   
   
    /* thin subscriber */
              
              
    .newssubscribe{padding:0px;}
   
    form#fmNewsSubscribeThin table td input {width:100px;}
    form#fmNewsSubscribeThin{padding:0px; margin:0px;}
    form#fmNewsSubscribeThin table.newssubscribe .formlabel {font-size:12px; color: #fff; width: 51px; text-align: left;}

    form#fmNewsSubscribeThin table.newssubscribe input#firstname {font-size:11px; background: #fff;}

    form#fmNewsSubscribeThin table.newssubscribe input#email {font-size:11px; background: #fff;}

    form#fmNewsSubscribeThin table.newssubscribe .essential {display:none;}

    form#fmNewsSubscribeThin table td input#subscribe {font-size:12px; width:80px; }


    /* RSS feeds */


    .rssHeader{font-size: 1px; display:none; color: #fff; }
    .rssList{ margin:0px; padding:5px 10px 5px 10px; color:#fff;}
    .rssItem{ list-style-type:none; border-bottom:1px solid #e3e3e3; margin:0px; color:#c2c7cc;}
    .rssItem a{color: #fff;}

/************************ Extra styles end ****************************/


/* All Navigations */

#menu, #menu1 {width:200px; margin-top:0px ; _margin-top:0px }
#menu ul li{ list-style-type:none; border-bottom:0px solid #ff0000; margin:0px;  width:200px; margin-top:0px ; _margin-top:0px }
#menu ul li a{ margin-left: 5px;}
#menu ul li .Nav_Side_Level2{ margin-left: 10px;}
#menu ul li .Nav_Side_Leveln{ padding-left: 40px;}
#menu ul { margin:0px; padding:0;}
#menu ul li:hover{ list-style-type:none; border-bottom:0px solid #ff0000;  width:188px;  }
#dynnav_294
{
padding:0px;
margin:0px;
}

#leftcontent{ width: 200px; margin: 40px 0px 0px 10px; min-height: 180px;}
 #leftcontent div{padding:15px;}



.Nav_Side_Level1,.Nav_Side_Level2,.Nav_Side_Leveln,.Nav_Side_Level_Selected,.Nav_Top{
  text-decoration:none;
}


.Nav_Side_Level1{
 display:none;
}

.Nav_Side_Level1:hover { display:none;}

.Nav_Side_Level2{ color:#000000; font-size:20px; font-family:Georgia; font-weight: bold; text-decoration:none; padding-left:18px; line-height:40px;  font-weight: bold; background-repeat: no-repeat;  
  width:200px; _width:200px; height:40px;  background-image:url(../images/graphics/sidenav_bg.gif); background-repeat:no-repeat; 
  background-position:top; display:block; margin:0px 0px 0px 0px;}	
 
.Nav_Side_Level2:hover{ background-image:url(../images/graphics/sidenav_bg.gif); color:#f58424; text-decoration:none;}

.Nav_Side_Leveln{
  color:#f58424; font-size:20px; font-weight: bold; text-decoration:none; padding-left:20px; line-height:30px;  background-repeat: no-repeat;  
  width:200px; _width:200px; height:40px;  background-image:url(../images/graphics/sidenav_bg.gif); background-repeat:no-repeat; 
  background-position:top; display:block; margin:0px 0px 0px 0px;
}

.Nav_Side_Leveln:hover{ background-image:url(../images/graphics/sidenav_bg.gif); color:#000000; text-decoration:none;}

.Nav_Side_Level_Selected{

}

.blogRight { float:right; width:200px; }
.blogLeft { float:left; width:400px; }
.blogRight .subheader { font-size:12px; font-weight:normal; }


.productmatrix input {width: 60px;}
.tbheading {background: #000; font-size: 13px; color: #fff; font-weight:bold;}