@charset "utf-8";
/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, ul, li, p, span, strong, a, form, input, select, option, fieldset, table, tr, td, thead, tbody, th, textarea
{margin: 0;text-decoration: none;padding: 0;font-family:Trebuchet MS;}
body.siteBody{background: #1d343e;}
body{background: #f2efbd;}

.clear{clear:both; font-size:0; line-height:0; height:0px;}
a img{border:none 0;}
li{list-style-type:none;}
a{ list-style-type:none; outline: none 0;}
#mainBody{ background:url(../images/body_bg.png) repeat-y center top; border-top:3px solid #b6d051;}
#mainSection{ background:url(../images/body_top.png) no-repeat center top;}
#mainContent{ background:url(../images/body_btm.png) no-repeat center bottom;}
.wrap{ margin:auto; width:994px;}

/*......Header.......*/
#header{ height:100px;}

/* ======= Top Navigation ========== */
#topnav {float: right;    font-size: 14px; padding-right:10px;    margin-right: -3px; background:url(../images/nav_right.jpg) no-repeat right -4px;}
#topnav ul {    display: inline-block;    list-style: none outside none;    padding: 0 0 0; background:#b6d051 url(../images/nav_left.jpg) no-repeat 0 -4px; height:20px;}
#topnav li {    float: left;   padding-right:3px; background:url(../images/sep.jpg) no-repeat right -3px;}
#topnav a.topNav { color: #327f8f;     line-height: 18px; font-weight:bold; padding-left:10px; padding-right:10px; text-transform:uppercase;}
#topnav li.last{background:none;}
/*#topnav li.first{background:none;}*/
#topnav li.last a.topNav {padding-right:0;}
#topnav a.topNav:hover {color:#FFF;}

#topnav input.searchInput {
	position: relative;
	top: -2px;
	font-size: 10px;
	color: #333333;
	/*background-color: #daeb99;*/
	background-color: #cee47a;
	margin-left: 8px;
}

/* ======= End Top Navigation ========== */
.logo{ float:left; width:300px;  padding-left:30px; margin-top:-10px;}
.heafertight{ float:left; width:660px; padding-top:22px;}

/* ======= Main Navigation ========== */
#navigation { font-size: 13px;	padding-top:25px; z-index: 10000;}
#navigation ul {   display: inline-block;    list-style: none outside none;    padding: 0 0 0; float:right;}
#navigation li {    float: left;   padding-right:1px; background:url(../images/sep.png) no-repeat left 3px;}
#navigation a.menuItem { color: #b1cb59;     line-height: 8px; height:15px; padding-left:14px; padding-right:14px; text-transform:uppercase;}
#navigation li.last{background:none;}
#navigation li.first{background:none;}
#navigation a.menuItem:hover {color:#299fcf;}

/*......Footer.......*/
#footer{padding:0px 0px 222px 12px;}
.footerContent{ background:url(../images/footer_bg.png) no-repeat left top; height:141px; margin-left:-4px;}
.footerInfo{ height:15px;padding-top:66px;}
.footerInfo p, .copyRight{ font-family:Trebuchet MS; font-size:11px; color:#a9b093; line-height:14px; text-align:center;}
.copyRight{ padding-top:8px;}

/*......Content.......*/
#content{padding-left:12px;}
.contentSection{ width:973px;}
.video{width:100%; position:relative; padding-bottom:40px; }
.subpage .video{padding-bottom:0; background:none; height:2px;}
.videoMain{	background:url(../images/video_bg.png) no-repeat center top; padding:10px 0px 20px 0px;}
.videoHere{ width:642px; margin:auto;}
.videoTopImg{background:url(../images/video_top.png) no-repeat 0 0;	height:35px; font-size:0px;	overflow:hidden; position:absolute;	top:0; left:0px; width:973px; z-index:500;}
.videoTopImg_inner{ background:url(../images/video_top_inner.png) no-repeat 0 0;  height:35px; font-size:0px; overflow:hidden; position:absolute;top:0; left:0px; width:973px;}


.brand_value{overflow:hidden; position:absolute;bottom:-25px; left:-1px; width:975px;  z-index:500;}
#boxes{width:909px; height:160px; background:url(../images/chat_box.png) no-repeat 0 -28px; margin:0 auto; padding-top:15px;padding-left:30px;}
.boxes{width:270px; padding-right:40px; font-size:12px; color:#2f6d7a; float:left;}
.boxes h2{font-size:26px; font-weight:normal; color:#000;}
.boxes a.tab{width:263px; height:46px; margin-top:5px; background:url(../images/tab_bg.png) no-repeat 0 0; color:#2f6d7a; font-size:26px; position:relative; line-height:43px; margin-top:10px; display:block;}
.boxes a.tab:hover{color:#000;}
.callimg{ position:absolute; top:-6px; left:12px;}

.boxes.last{margin:0; padding-right:0;}
.btmContent{width:930px; margin:0 auto; }
.leftBox{ float:left; width:613px;}
.leftBoxTop, .leftBoxBtm, .rightBoxTop, .rightBoxBtm{ background-image:url(../images/left_box_top.png); background-repeat:no-repeat; background-position:left top; height:6px; font-size:0px;}
.leftBoxMain{ background:url(../images/left_box_bg.png) repeat-y left top;  padding:15px 40px 0px 48px; min-height:320px;}

.leftBoxBtm{ background:url(../images/left_box_btm.png) no-repeat 0 bottom; height:30px;}

.rightBox{ float:right; width:293px; margin-right:3px;}
.rightBoxTop{ background-image:url(../images/right_box_top.png); height:6px;}
.rightBoxBtm{ background-image:url(../images/right_box_btm.png); height:30px;}
.rightBoxMain{ background:url(../images/right_box_bg.png) repeat-y left top;padding:30px 10px 10px 30px; min-height:298px;}
.rightBoxMain ul{padding:0; margin:0;}
.rightBoxMain ul li{padding-bottom:22px; list-style-type:none; }
.rightBoxMain ul li span.img{width:80px; float:left; display:inline-block;}
.rightBoxMain ul li span.des{width:165px; float:left; color:#646464; font-size:12px; display:inline-block;}
.rightBoxMain ul li span.des br.newsList{display:none;}
.rightBoxMain ul li strong{font-size:18px; color:#2f6d7a; padding-bottom:5px; display:inline-block; font-weight:normal; display:block;}


.newsList {margin-left: 10px;}
.newsList ul li span.img{width:80px; float:left; display:inline-block;}
.newsList li{margin-top: 8px; border-bottom:2px solid #d5dac1; padding-bottom: 8px;}
.newsList h2{font-size:36px; color:#336666; font-weight:normal; line-height:normal; padding-bottom:10px; text-align: center;}

#bottom_boxes{width:100%; padding-top:10px; padding-bottom:40px; background:url(../images/line_break.png) no-repeat center bottom; margin-bottom:30px;}
.bottom_boxes{width:221px; float:left; padding-bottom:28px; background:url(../images/bottom_boxes_ft.png) no-repeat 0 bottom; margin-right:15px;}
.bottom_boxes_hd{width:100%; background:url(../images/bottom_boxes_hd.png) no-repeat 0 0; height:6px;  position:relative;}
.bottom_boxes_hd_des{ background:url(../images/bottom_boxes_bg.png) repeat-y 0 0;padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:5px; font-size:14px;}
.bottom_boxes_hd_des img.img_box{margin-bottom:10px; display:block;}
.bottom_boxes.last{margin:0;}
.bottom_boxes_hd h3{text-align:center; font-size:14px; color:#ffffff; line-height:35px; text-transform:uppercase;}
.bottom_boxes.last{margin-right:0;}
.bottom_boxes_hd h4{background:url(../images/title_bg.png) no-repeat center 0 ; height:45px; position:absolute; left:0; top:-5px;text-align:center; font-size:17px; color:#ffffff;  text-transform:uppercase; width:218px; line-height:37px; z-index:100; font-weight:normal;}
.bottom_boxes_hd h5{background:url(../images/sub_menu.png) no-repeat center 0 ; height:42px; position:absolute; left:0; top:30px;text-align:center; font-size:14px; color:#ffffff;  text-transform:uppercase; width:251px; line-height:45px;z-index:99; font-weight:normal;}
.bottom_boxes_hd_des ul{margin:20px;}
.bottom_boxes_hd_des ul li{ list-style-type:disc;}
a.link{   background: url(../images/button_1.png) no-repeat 0 0 transparent;    color: #1b1e26;    display: inline-block;  height:33px;    text-decoration: none;    text-transform: uppercase; font-size:13px; text-align:center; line-height:33px; width:128px; margin-top:5px; }
a.link:hover{background-position:0 bottom;}

#video_testimonials{width:885px; margin:0 auto; padding-top:0px; padding-bottom:20px;}
#video_testimonials h3{font-size:30px; text-align:center; color:#2f6d7a; padding-bottom:3px;}
#video_testimonials .title{padding-top:10px; text-align:center; font-weight:bold; font-size:20px; background:url(../images/title_sadow.png) no-repeat center 0}

#video_testimonials .videos{width:844px; margin-left:7px; margin-top:25px; background:url(../images/videos_bg.png) no-repeat 0 0; padding-left:27px; padding-top:25px; min-height:223px; overflow:hidden;}
#video_testimonials .videos ul{margin:0; list-style:none;}
#video_testimonials .videos ul li{ float:left; width:277px; padding-bottom:10px;}
.video_testimonials_bottom{height:51px; overflow:hidden;}

.blog{padding-bottom:7px; }
.blog h3{font-size:20px; color:#1b1e26; font-weight:normal; margin-bottom:7px;}
.blog .posted{border-bottom:2px solid #d5dac1;border-top:2px solid #d5dac1; font-size:11px; padding-top:5px; padding-bottom:5px;}
.blog .des{padding:5px 0 12px 0; font-size:12px; color:#2f6d7a;  line-height:16px;}
a.readmore{   background: url(../images/button.png) no-repeat 0 0 transparent;    color: #f2efbd;    display: inline-block;  height:27px;    text-decoration: none;    text-transform: uppercase; font-size:10px; text-align:center; line-height:27px; width:71px; }
a.readmore:hover{background-position:0 bottom;}

/* ======== INNER PAGE =========*/
#banner{width:937px; height:253px; margin: 0 auto; }
.quote{overflow:hidden; position:absolute;bottom:-40px; left:-1px; width:975px;  z-index:500;}
#quote_box{width:909px; height:174px; background:url(../images/chat_box.png) no-repeat 0 -7px; margin:0 auto; padding-top:35px;padding-left:30px;}
.subpage #quote_box{margin-top:-16px; background:url(../images/chat_box_sub.png) no-repeat 0 18px;}

.formSignUp{ width:73px; margin:auto;float:left;padding-top:9px;}
.signUpBtn{ background:url(../images/sign_up.png) no-repeat left top; cursor:pointer; width:73px; height:33px; border:none 0; }
.formTxt{ background:url(../images/form_txt.png) no-repeat left top; width:162px; height:25px; border:none 0; font-size:12px; color:#000; padding:3px; line-height:14px;}
.formfield{width:175px; float:left; padding-top:10px;}

#container{background:url(../images/container_bg.png) repeat-y 0 0; width:860px;  min-height: 440px; padding-left:62px; padding-top:50px; margin-top:-43px;}
#left_container{padding-top:20px; width:575px; float:left;}
#right_container{width:226px; float:right; }

#left_container .contant{color:#333333; font-size:16px; line-height:24px; padding-bottom:30px;}
#left_container .contant h2{font-size:36px; color:#336666; font-weight:normal; line-height:normal; padding-bottom:10px;}
#left_container .content{color:#333333; font-size:16px; line-height:24px; padding-bottom:30px;}
#left_container .content h2{font-size:36px; color:#336666; font-weight:normal; line-height:normal; padding-bottom:10px;}

.widget{background:url(../images/widget_bg.png) no-repeat 0 0; padding-left:22px; padding-top:30px; padding-bottom:10px;}
.widget .head{background:url(../images/widget_icn.png) no-repeat 0 3px; }
.widget .head h3{font-weight:normal; color:#336666; font-size:18px; text-transform:uppercase; background:url(../images/widget_icn_r.png) no-repeat right 3px; text-align:center;}
.widget ul{padding:0; margin:0; padding-top:15px; padding-bottom:10px;}
.widget ul li{list-style-type:none; padding-bottom:3px;}
.widget ul li a{font-size:14px; color:#333333; display:inline-block; padding-left:15px; background:url(../images/arrow_right.png) no-repeat 0 6px;}
.widget ul li a:hover{text-decoration:underline;}

#nav-shadow {margin: 0 0 0 0;text-align: left;list-style: none; padding-top:20px;}
#nav-shadow li {margin-right: 0px;width: 55px;height: 45px;position: relative;float: left;}

#nav-shadow #box1 a, #nav-shadow a:visited{margin: 0 auto;width: 44px;height: 44px;text-indent: -9999px;overflow: hidden;background: url(../images/you_tube.png) no-repeat;display: block;position: relative;z-index: 2;}

#nav-shadow #box2 a, #nav-shadow a:visited{margin: 0 auto;width: 44px;height: 44px;text-indent: -9999px;overflow: hidden;background: url(../images/face_book.png) no-repeat;display: block;position: relative;z-index: 2;}

#nav-shadow #box3 a, #nav-shadow a:visited{margin: 0 auto;width: 44px;height: 44px;text-indent: -9999px;overflow: hidden;background: url(../images/twitter.png) no-repeat;display: block;position: relative;z-index: 2;}

#nav-shadow #box4 a, #nav-shadow a:visited{margin: 0 auto;width: 44px;height: 44px;text-indent: -9999px;overflow: hidden;background: url(../images/filcker.png) no-repeat;display: block;position: relative;z-index: 2;}

#nav-shadow #box5 a, #nav-shadow a:visited{margin: 0 auto;width: 44px;height: 44px;text-indent: -9999px;overflow: hidden;background: url(../images/linkedin.png) no-repeat;display: block;position: relative;z-index: 2;}
.pagination{padding-top:20px; padding-left:115px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; padding-bottom:10px; font-size:14px;}
.pages{width:90px; float:left; padding-top:14px;}
.page_no{width:340px; float:left; font-size:30px;}
.page_no a{display:inline-block; margin-right:10px; color:#333333;}
.page_no a:hover,.page_no a.active{color:#33cc66}
#subnav{position:relative; width:100%; height:100px; z-index:0;}
#subnav .banner{position:absolute; left:0; bottom:-20px;}
#subnav .navigation{height:72px; position:absolute; top:-19px; left:22px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#subnav .navigation{top:-29px; }
}
#subnav .navigation ul{padding:0; margin:0; list-style-type:none;}
#subnav .navigation ul li{padding:0; margin:0; float:left;}
#subnav .navigation ul li a{display:inline-block; height:72px; font-size:0; line-height:10px; text-align:center; color:#102d3a; overflow:hidden; }

#subnav .navigation ul li.but1 a{width:228px; background:url(../images/business_but.jpg) no-repeat 0 0;}
#subnav .navigation ul li.but2{padding-top:9px;}
#subnav .navigation ul li.but2 a{width:236px; height:51px; background:url(../images/non-profit_but.jpg) no-repeat 0 0;}
#subnav .navigation ul li.but3{padding-top:9px;}
#subnav .navigation ul li.but3 a{width:236px; height:51px; background:url(../images/point_of_sale.jpg) no-repeat 0 0;}
#subnav .navigation ul li.but4 a{width:226px; background:url(../images/payro_roll_but.jpg) no-repeat 0 0;}


#subnav .navigation ul li a:hover{background-position:0 bottom;}

.tableHeader {
	background-image: url(../images/tableHeader.png);
	background-repeat: no-repeat;
	height: 95px;
	width: 211px;

}

.tableFooter {
	background-image: url(../images/tableFooter.png);
	height: 32px;
	background-repeat: no-repeat;
}
.tableBody {
	background-color: #66a435;
	height: 210px;
}

.selectButton{
	cursor:pointer;
	width: 211px;
	height: 32px;
	border: none;
	background-image: url(../images/selectbutton.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #66a435;
} 

.tableHeaderText {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	height: 72px;
	vertical-align: middle;
}
.tableBodyText {
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
}
li.tableList {
	list-style-type: none;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #cccccc;
}
.tableHeaderHighlight {
	background-image: url(../images/tableHeaderHighlight.png);
	background-repeat: no-repeat;
	height: 95px;
	width: 211px;
}
a.modules {
	color: #FFFFFF;
	text-decoration: none;
}
a.modules:hover {
	color: #FFFF00;
	text-decoration: none;
}
.salesperson {
	background-image: url(../images/salesperson.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 20px;
	vertical-align: top;
	font-size: 12px;
}
.selectButton2 {
	cursor:pointer;
	width: 211px;
	height: 32px;
	border: none;
	background-image: url(../images/selectbutton.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-size:10px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #FFFFFF;
}

.tableBuild {
width: auto;
border: 0px none 0;
margin: auto;
}