body
{
    /* background: white url('/design/images/subleftbar.gif') repeat-y; */
    margin-top: -5px;
    margin-left: -7px;
    font-size: 12px;
    text-align: left;
    font-family: "Trebuchet MS";
}
*
{
    margin: 0;
    padding: 0;
    border: 0;
}

#wrapper
{
    /* background: transparent url('/design/images/home-background.png') repeat-y; */
    width: 100%;
    position: absolute;
}

#homeContentArea
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url('/design/images/home_bg-white.jpg') no-repeat scroll left top;
}



#contentContainer
{
   
    
}

#underNavShadow
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding; /*background:#E4F6D6 url('/design/images/undernavbackground-white.gif') repeat-x scroll left top;*/
    background: #ffffff url('/design/images/undernavbackground-white.gif') repeat-x scroll left top;
}

#homeSideContainer
{
    border-left: 1px solid #83C362;
    margin: 30px 0 20px;
    padding: 0;
}

#homeTextMain
{
    margin: 0px 10px 0px 80px;
    padding: 0px 0px 0px 0;
}

#navbar
{
    height: 37px; /*background: #B0D89C url('/design/images/inner-navbar-background.png') no-repeat;*/
    border-top: 0px solid white;
    font-size: 12px;
    text-align: left;
    font-family: "Trebuchet MS";
}
#lefttable
{
    background: #B0D89C url('/design/images/subleftbar.gif') repeat-y;
}
#content
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url('/design/images/home_bg-white.jpg') no-repeat scroll left top;
}

#content p
{
    /*color: #646464;
    color: #000000;*/
    color:#515151;  
    font-family:Verdana,Arial,Helvetica;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: block;
    padding: 0;
  
}


#content ul
{
    background-color: transparent;
   
    color:#515151;  
    font-family:Verdana,Arial,Helvetica;
    font-size: 13px;
    line-height: 18px;
    list-style-position: inside;
    margin-left: 40px;
    margin-bottom: 10px;
    list-style-position: inherit;
    vertical-align: inherit;
    font-weight: normal;
}


#content ul li ul
{
    background-color: transparent;
    
    font-size: 13px;
    line-height: 18px;
    list-style-position: inside;
    list-style-type: circle;
    margin-left: 40px;
    margin-bottom: 10px;
    list-style-position: inherit;
    vertical-align: inherit;
    font-weight: normal;
}

.faq
{
    color:#515151;  
    font-family:Verdana,Arial,Helvetica;
    font-size: 13px;
    line-height: 18px;
    margin-top: 5px;
    display: block;
    padding: 0;
	
	}
.testimonials
{
    color:#515151;  
    font-family:Verdana,Arial,Helvetica;
    font-size: 13px;
    line-height: 18px;
    margin-top: 5px;
    display: block;
    padding: 0;
	
	}

.hr
{
	border-top:1px solid #83C362;
padding-top:20px;
vertical-align:top;
	
}







#ul
{
    background-color: transparent;
   
    color:#515151;  
    font-family:Verdana,Arial,Helvetica;
    font-size: 13px;
    line-height: 18px;
    list-style-position: inside;
    margin-left: 40px;
    margin-bottom: 10px;
    list-style-position: inherit;
    vertical-align: inherit;
    font-weight: normal;
}

#li
{
    background-color: transparent;
   
    color:#515151;  
    font-family:Verdana,Arial,Helvetica;
    font-size: 13px;
    line-height: 18px;
    list-style-position: inside;
    margin-left: 40px;
    margin-bottom: 10px;
    list-style-position: inherit;
    vertical-align: inherit;
    font-weight: normal;
}

#ul li ul
{
    background-color: transparent;
    
    font-size: 13px;
    line-height: 18px;
    list-style-position: inside;
    list-style-type: circle;
    margin-left: 40px;
    margin-bottom: 10px;
    list-style-position: inherit;
    vertical-align: inherit;
    font-weight: normal;
}

#content p span
{
    color: #266790;
    font-weight: bold;
}

#content p img
{
    padding-left: 5px;
}
#content a
{
    text-decoration: none;
    color: #0065DE;
}

#content a:hover
{
    text-decoration: underline;
}

#content small
{
    font-size: 10px;
    line-height: 14px;
    color: #266790;
}

#content .content-second
{
    width: 635px;
    border-top: 1px solid #83C362;
    border-bottom: 1px solid #83C362;
    padding: 10px 0 10px 0;
    margin: 0 5px 0 0;
}

#content .content-second > *
{
    margin-left: 5px;
}

#content .content-second a
{
    margin-top: 10px;
    color: #FF6600;
    font-size: 16px;
    font-weight: bold;
}

#content .content-second a:hover
{
    text-decoration: none;
    color: #266790;
}

label
{
    color: #333;
    font-size: 10px;
}

#checkbox-align
{
    float: right;
    margin: -75px 150px 0 0;
}

#sidebar
{
 
    float: right;
    padding-top: 20px;
    border-left: 1px solid #83C362;
    vertical-align: top;
}

#sidebar a
{
    text-decoration: none;
    color: #0065DE
}

#sidebar a:hover
{
    text-decoration: underline;
}


#sidebar a.last-element
{
    font-size: 18px;
}

#sidebar div.sidebarContent-One
{
    margin: 0 0 0 18px;
}

#sidebar h2
{
    color: #8EC83E;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 0;
    padding: 7px 0 0;
}

#sidebar p
{
    font-size: 11px;
    line-height: 150%;
}



#sidebar div.sidebarContent-One a.stats
{
    text-decoration: none;
    color: #FF6600;
}

#sidebar div.sidebarContent-One a.stats:hover
{
    text-decoration: underline;
}

#sidebar div.sidebarContent-One a.corporate
{
    text-decoration: none;
    color: #436F8B;
}

#sidebar div.sidebarContent-One a.corporate:hover
{
    text-decoration: underline;
}

#sidebar div.sidebarContent
{
    margin: 20px 0 0 18px;
    padding: 20px 0 0 0;
    border-top: 1px solid #83C362;
}

#sidebar div.product-home
{
    width: 60px;
    font-size: 10px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    color: #b3b3b3;
}

#sidebar div.product-home-last
{
    width: 60px;
    font-size: 10px;
    float: left;
    font-weight: bold;
    color: #b3b3b3;
}

#extra-footer
{
    float: left;
    width: 100%;
    background: #83C362;
    position: inherit;
    bottom: 0;
    top: auto;
    z-index: 1;
}
#footer
{
    width: 1000px;
    padding-bottom: 10px;
    margin-top: -10px;
}

#footer strong
{
    color: white;
    font-size: 16px;
    font-weight: bold;
}

#footer .footer-first
{
    width: 800px;
    padding: 10px 0 0 15px;
    float: left;
}

#footer .footer-first .name
{
    display: block;
    width: 75px;
    float: left;
    color: white;
    font-size: 18px;
    font-style: italic;
    text-align: right;
    font-weight: normal;
    vertical-align: baseline;
    margin-right: 10px;
}

#footer .footer-first-clients
{
    float: left;
    padding: 0 5px 5px 5px;
    width: 200px;
    border-left: 1px dashed #ccc;
    padding-right: 15px;
}




#footer .footer-first-section
{
    float: left;
    padding: 0 5px 5px 5px;
    width: 200px;
    border-left: 1px dashed #ccc;
    padding-right: 15px;
}

#footer .footer-first-section h2
{
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    text-align: left;
    padding-top: 5px;
    color: #F2F2F2;
}

#footer .footer-first-section p
{
    color: #333;
    font-size: 11px;
    display: block;
    line-height: 15px;
    margin-top: 5px;
    padding: 0;
}

#footer .footer-first a
{
    margin-left: 5px;
    color: white;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

#footer .footer-first a[rel="first"]
{
    margin-left: 75px;
}

#footer .footer-first a:hover
{
    text-decoration: underline;
}

#footer .footer-second
{
    width: 250px;
    float: right;
    padding-left: 5px;
    margin-top: 5px;
    border-left: 1px dashed silver;
}

#footer .footer-second img
{
    float: left;
}

#footer .footer-second img + p
{
    margin: 44px 0 0 5px;
    float: left;
    font-size: 12px;
}

#footer .footer-second p em
{
    font-weight: 500;
    font-size: 10px;
}

#footer .footer-second p q
{
    font-style: italic;
    font-weight: normal;
}

#footer small
{
    margin-left: 90px;
}

.footer-first
{
    padding-left: 10px;
    width: 230px;
    float: left;
    border-left: 1px dashed #ccc;
}

.footer-first q
{
    font-size: 10px;
    font-size: normal;
}


.footer-second a
{
    margin-left: 5px;
    color: #e6e6e6;
    font-size: 12px;
    font-weight: normal;
}

.footer-second a[rel="first"]
{
    margin-left: 75px;
}

/* remove all list stylings 
border-top: 1px solid white;*/
.headermenu
{
    background: transparent none repeat;
    padding-left: 5px;
    list-style-type: none;
    display: block;
    padding-top: 5px;
}

.headermenu ul
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}

.headermenu li
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left; /* move all main list items into one row, by floating them */
    position: relative; /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5; /* thus we need to apply explicit z-index here... */
}

.headermenu li:hover
{
    z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the headermenu */
    white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)        							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.headermenu li li
{
    float: none; /* items of the nested headermenus are kept on separate lines */
}

.headermenu ul
{
    visibility: hidden; /* initially hide all subheadermenus. */
    position: absolute;
    z-index: 10;
    left: 0; /* while hidden, always keep them at the top left corner, */
    top: 0; /* 		to avoid scrollbars as much as possible */
}

.headermenu li:hover > ul
{
    visibility: visible; /* display subheadermenu them on hover */
    top: 100%; /* 1st level go below their parent item */
}

.headermenu li li:hover > ul
{
    /* 2nd+ levels go on the right side of the parent item */
    top: 0;
    left: 100%;
}

/* -- float.clear --
       	force containment of floated LIs inside of UL */
.headermenu:after, .headermenu ul:after
{
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}


.headermenu
{
    /* IE7 float clear: */
    padding-left: 0px;
}

.headermenu ul
{
    /* IE7 float clear: */
    min-height: 0;
}
/* -- float.clear.END --  */



.headermenu ul
{
    width: 16em;
}

.headermenu a
{
    text-decoration: none;
    padding: .4em 1em;
    display: block;
    position: relative;
    text-transform: uppercase;
    color: #000000;
}

.headermenu a:hover, .headermenu li:hover > a
{
    background: url('/design/images/navbar-hover.jpg') repeat-x;
    color: white;
}

.headermenu li li
{
    /* create borders around each item */
    border: 1px solid #ccc;
}
.headermenu ul > li + li
{
    /* and remove the top border on all but first item in the list */
    border-top: 0;
}

.headermenu li li:hover > ul
{
    /* inset 2nd+ subheadermenus, to show off overlapping */
    top: 5px;
    left: 90%;
}


/* remove all list stylings */
.headersubmenu
{
    background: #B0D89C url('/design/images/inner-navbar-background.png') no-repeat;
    border-top: 1px solid white;
    list-style-type: none;
    display: block;
}

.headersubmenu ul
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}

.headersubmenu li
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left; /* move all main list items into one row, by floating them */
    position: relative; /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5; /* thus we need to apply explicit z-index here... */
}

.headersubmenu li:hover
{
    z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the headersubmenu */
    white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)        							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.headersubmenu li li
{
    float: none; /* items of the nested headersubmenus are kept on separate lines */
}

.headersubmenu ul
{
    visibility: hidden; /* initially hide all subheadersubmenus. */
    position: absolute;
    z-index: 10;
    left: 0; /* while hidden, always keep them at the top left corner, */
    top: 0; /* 		to avoid scrollbars as much as possible */
}

.headersubmenu li:hover > ul
{
    visibility: visible; /* display subheadersubmenu them on hover */
    top: 100%; /* 1st level go below their parent item */
}

.headersubmenu li li:hover > ul
{
    /* 2nd+ levels go on the right side of the parent item */
    top: 0;
    left: 100%;
}

/* -- float.clear --
       	force containment of floated LIs inside of UL */
.headersubmenu:after, .headersubmenu ul:after
{
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.headersubmenu, .headersubmenu ul
{
    /* IE7 float clear: */
    min-height: 0;
}
/* -- float.clear.END --  */


.headersubmenu ul
{
    background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
    padding: 0px margin: 0px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area.        								you can also use to adjust the safe area to your requirement */
}


.headersubmenu, .headersubmenu ul li
{
    color: #eee;
    background: #B0D89C;
}

.headersubmenu ul
{
    width: 16em;
}

.headersubmenu a
{
    text-decoration: none;
    padding: .4em 1em;
    display: block;
    position: relative;
    text-transform: uppercase;
    color: #000000;
}

.headersubmenu a:hover, .headersubmenu li:hover > a
{
    background: url('/design/images/navbar-hover.jpg') repeat-x;
    color: white;
}

.headersubmenu li li
{
    /* create borders around each item */
    border: 1px solid #ccc;
}
.headersubmenu ul > li + li
{
    /* and remove the top border on all but first item in the list */
    border-top: 0;
}

.headersubmenu li li:hover > ul
{
    /* inset 2nd+ subheadersubmenus, to show off overlapping */
    top: 5px;
    left: 90%;
}
.header-links-wrapper
{
    text-align: left;
}

.header-links
{
    float: left;
}