/**************************************************************
	Home Promo
 **************************************************************/

#homepromo {
	height: 364px;
	width: 688px;
	background: #BBCBA3;
}
#homepromo #slideshow {
	height: 334px;
	width: 688px;
}
#homepromo #promoimage {
	z-index: 10;
	height: 334px;	
}
#homepromo #overlay {
	height: 334px; 
	width: 219px; 
	background: url(images/overlay.png); 
	position: absolute; 
	z-index: 12;
}
#homepromo #promobox {
	width: 219px;
	height: 300px;
}
#homepromo #promotitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #4F6F19;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0;
}
#homepromo #promosubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	color: #8CC63F;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0;
}
#homepromo #promotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #5E6673;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0;	
}
#homepromo #promomoreinfo {
	width: 183px;
	height: 24px;
	z-index: 20;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 0;
	padding-bottom: 0;	
}
#homepromo #promopager {
	width: 688px;
	height: 30px;
	background: url(images/pagerbar.png);
}
#homepromo #promobar {
	height: 17px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	padding-top: 6px;
}
#homepromo #prev {
	width: 22px;
	height: 17px;
	background: url(images/prev.jpg) no-repeat;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 0;
}
#homepromo #next {
	width: 22px;
	height: 17px;
	background: url(images/next.jpg) no-repeat;
	cursor: pointer;	
	float: left;
	margin: 0;
	padding: 0;	
}

#homepromo #pgrbut { 
	margin: 0; 
	padding: 0; 
	height: 17px;
	line-height: 17px;	
	float: left;		
}
#homepromo #pgrbut li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	float: left;
	width: 15px;
	height: 17px;
	line-height: 17px;
}
#homepromo #pgrbut a { 
	margin: 0; 
	padding: 0;
	background: url(images/bubble.jpg) no-repeat;
	height: 17px;
	line-height: 17px;	
	float: left;
}

#homepromo #pgrbut a.activeSlide { 
	margin: 0; 
	padding: 0;	
	background: url(images/bubble_active.jpg) no-repeat;
	height: 17px;
	line-height: 17px;
	border: 0;	
}
#homepromo #pgrbut a:focus { 
	outline: none; 
}

/**************************************************************
	FAQs 
 **************************************************************/

#faqs {
	height: 363px;
	width: 240px;
	background: url(images/faq_bg.png);
}
#faqs #title {
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-left: 0;
	padding-right: 0;	
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 0;
	color: #8CC63F;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	border-bottom: solid #3C5412 1px;	
}
.cbdata {
	padding:10px; 
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.cbdata p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.cbdata p.question {
	font-family: Arial, Helvetica, sans-serif;
	color: #4F6F19;
	font-size: 15px;
	font-weight: bold;
}
#faqs #answers {
	display:none;
}
#faqs a#mycarousel-next, #faqs a#mycarousel-prev {
	margin-left: 20px;
	border: 0px;
	color: #4F6F19;
}
#faqs .jcarousel-scroll {
	padding-top: 10px;
}
#faqs .jcarousel-skin-tango .jcarousel-container {
    background: #4F6F19;
	margin-left: 15px;
	margin-right: 15px;	
}
#faqs .jcarousel-skin-tango .jcarousel-container-vertical {
    width: 210px;
    height: 320px;
}
#faqs .jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  210px;
    height: 284px;
}
#faqs .jcarousel-skin-tango .jcarousel-item {
    width: 210px;
    height: 55px;
	padding-top: 15px;
	padding-botton: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	border-bottom: solid #3C5412 1px;
}
#faqs .jcarousel-skin-tango .jcarousel-item a:link, #faqs .jcarousel-skin-tango .jcarousel-item a:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#faqs .jcarousel-skin-tango .jcarousel-item a:active, #faqs .jcarousel-skin-tango .jcarousel-item a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
#faqs .jcarousel-container {
    position: relative;
}
#faqs .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
#faqs .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
#faqs .jcarousel-list li, #faqs .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/**************************************************************
	Testimonials
 **************************************************************/

#testimonials {
	height: 250px;
	width: 303px;
}
#testimonials #testbg {
	height: 210px;
	width: 293px;
	background: url(images/test_topbg.png);
	padding-left: 10px;
	padding-top: 10px;	
}
#testimonials #thoughtbubble {
	height: 150px;
	width: 282px;
	background: url(images/thought_bubble.png);
}
#testimonials #thoughtbubblebottom {
	height: 60px;
	width: 282px;
	background: url(images/thought_bubble_bot.png) no-repeat #DCE4CA;
}
#testimonials #slideshow2 {
	background: transparent;
}
#testimonials #banklogo {
	text-align: center;
	background: transparent;
	padding-top: 10px;
	padding-bottom: 10px;
}
#testimonials #testimonialtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E6673;
	background: transparent;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#testimonials #testimonialauthor {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F6F19;
	font-size: 11px;
	text-align: right;
	padding-right: 20px;
}
#testimonials #buttons {
	padding-left: 50px;
	padding-top: 22px;
}
#testimonials #visitsite {
	float: left;
	padding-right: 5px;
}
#testimonials #portfolio { 
	float: left;
}
#testimonials #promopager2 {
	width: 303px;
	height: 30px;
	background: url(images/test_pagerbar.png);
}
#testimonials #promobar2 {
	height: 17px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	padding-top: 6px;
}
#testimonials #prev2 {
	width: 22px;
	height: 17px;
	background: url(images/prev.jpg) no-repeat;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 0;
}
#testimonials #next2 {
	width: 22px;
	height: 17px;
	background: url(images/next.jpg) no-repeat;
	cursor: pointer;	
	float: left;
	margin: 0;
	padding: 0;	
}
#testimonials #pgrbut2 { 
	margin: 0; 
	padding: 0; 
	height: 17px;
	line-height: 17px;	
	float: left;		
}
#testimonials #pgrbut2 li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	float: left;
	width: 15px;
	height: 17px;
	line-height: 17px;
}
#testimonials #pgrbut2 a { 
	margin: 0; 
	padding: 0;
	background: url(images/bubble.jpg) no-repeat;
	height: 17px;
	line-height: 17px;	
	float: left;	
}
#testimonials #pgrbut2 a.activeSlide { 
	margin: 0; 
	padding: 0;	
	background: url(images/bubble_active.jpg) no-repeat;
	height: 17px;
	line-height: 17px;	
}
#testimonials #pgrbut2 a:focus { 
	outline: none; 
}

/**************************************************************
	Videos
 **************************************************************/

#video {
	width: 622px;
	height: 250px;
}
#video #title {
	height: 42px;
	background: #4F6F19;
	width: 225px;
	line-height: 42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #8CC63F;
	text-align: center;
	float: left;	
}
#video #player { 
	float: right;
	width: 397px;
	height: 250px;
	background: #3A3A3A;
}
#video #scrollbox { 
	width:223px; 
	height:206px;  
	overflow:auto; 
	overflow-x:hidden; 
	border:1px solid #807F83; 
	background: #DCE4CA;
	float: left;
	position:relative	
}
#video #scrollboxitem { 
	height: 48px;
	padding: 10px;
	border-bottom: 1px solid #807F83;
	float: left;
	clear: both;
}
#video #scrollboxicon { 
	height: 36px;
	width: 36px;
	background: url(images/video_icon.png);
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 10px;
}
#video #scrollboxtext { 
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F6F19;
	width: 135px;
}
#video #scrollboxtext a:link, #video #scrollboxtext a:visited { 
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F6F19;
	text-decoration: none;	
}
#video #scrollboxtext a:active, #video #scrollboxtext a:hover { 
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F6F19;
	text-decoration: underline;
}


/**************************************************************
	Left Side
 **************************************************************/

.leftside {
	font-family: Arial, Helvetica, sans-serif;
	color: #5E6673;
	font-size: 12px;
	border: 1px solid #719E2D;
	background: #DCE4CA;
	padding: 10px;
	margin-bottom: 15px;
}
.leftside p {	
	font-family: Arial, Helvetica, sans-serif;
	color: #5E6673;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
.myTitleLeftSide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	border-left: 1px solid #77A525;
	border-right: 1px solid #77A525;
	border-top: 1px solid #77A525;
	padding: 10px;
	background: #77A525;
	text-align: center;
}
.leftside ul {
	font-size: 11px;
	padding: 0px; 
	margin: 0px;
	margin-left: 20px;
}
.leftside li {
	list-style: circle;
}
.lsTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}

/**************************************************************
	Common
 **************************************************************/
 
.ccommon ul {
	font-size: 12px;
}

#hmpromo
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
width: 900px;
}
#hmpromo td, #hmpromo th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#hmpromo th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
width: 200px;
}
#hmpromo tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

#hmpromo tr.blank td 
{
background-color:#fff;
border: 0;
}
.subtitle {
	font-size: 17px;
	color: #666;
	padding-bottom: 8px;
	background: url(images/sub_bg.jpg) no-repeat bottom;
	padding-left: 35px;
	margin-bottom: 10px;
}
.subtitle2 {
	font-size: 17px;
	color: #666;
	padding-bottom: 8px;
	background: url(images/sub_bg.jpg) no-repeat bottom;
	padding-left: 35px;
}
/* tabs */
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	font-size:12px;
	background-color:#fff;
	margin-bottom: 15px;	
}
div.panes p {
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
	font-size: 12px;
}
div.panes .tabtitle {
	font-size: 14px;
	color: #77A525;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #999;	
	height:24px;
}
/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	padding-right: 5px;	
	list-style: none;
}
/* link inside the tab. uses a background image */
ul.tabs a { 
	background: #E0E0E0;
	font-size:11px;
	display:block;
	height: 23px;  
	line-height:23px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	padding-left: 10px;
	padding-right: 10px;
	position:relative;
	top:1px;
	border-bottom:1px solid #999;	
	float:left;	 	
}
ul.tabs a:active {
	outline:none;		
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background: #999;	
	color:#fff;	
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background: #999;
	cursor:default !important; 
	color:#fff !important;
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
.features td {
	background: #E8E8E8;
	border: 1px solid #E0E1DB;
	width: 220px;
	text-align: center;
	padding: 5px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
}
.features td:hover {
	background: #D1DBB9;
	border: 1px solid #E0E1DB;
	width: 220px;
	text-align: center;	
	padding: 5px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	color: #666;		
}
.features td a:link, .features td a:visited {
	color: #666;
	text-decoration: none;
}
.features td a:hover, .features td a:active {
	color: #666;
	text-decoration: none;
}
 
 /**************************************************************
	Common Title
 **************************************************************/
 
.ccommontitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #5E6673;
	font-size: 11px;
}
.ccommon {
	color: #5E6673;
}
.ccommontitle p {	
	font-family: Arial, Helvetica, sans-serif;
	color: #5E6673;
	font-size: 12px;
}
	
.myTitleCommon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #4F6F19;
}

.ccommontitle ul {
	font-size: 12px;
}
h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;	
}
h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;		
}
h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;		
}
h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;		
}
h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;	
}
.ctTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #4F6F19;
	padding-bottom: 10px;	
}

/**************************************************************
	Mobile
 **************************************************************/
 
.myTitleMobile {
 	padding: 5px;
	border-top: 1px solid #999;	
	border-bottom: 1px solid #999;
	background: #f0f0f0;	
 }
.mTitle {
	font-size: 18px;
	color: #456510;
}
.cmobiletitle {
	font-size: 14px;
	padding: 5px;
}
.cmobiletitle p {
	font-size: 14px;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
.cmobiletitle ul {
	font-size: 14px;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	list-style-type: none;
}
.cmobiletitle li {
	font-size: 14px;
	margin: 0;
	padding: 0;
	padding-top: 5px;	
	padding-bottom: 5px;
	list-style-type: none;	
}