/* CSS Document */

/* Text of various sizes */

.text1 {
	padding-left: 21px;
	background: url(images/homepage13.gif) no-repeat left center;
	color: #244E89;
}

.text2 {
	margin-bottom: 10px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #FB7800;
}

.text3 {
	margin-bottom: 0px;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #FB7800;
}

.text4 {
	margin-bottom: 0px;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #FB7800;
}

.text4black {
	margin-bottom: 0px;
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}


/* Text Box Styles */
.tb-gradient {
    border:0;
    background: transparent url(../images/gradient.gif) no-repeat top left;
    height: 22px;
    width: 230px;
	font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000066;
    padding: 3px 0px 0px 5px;
}

/* Text Box Styles */
.sel-formatted {
	border: 1px solid #aeaeae;
    height: 22px;
    width: 110px;
	font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000066;
    padding: 0px 0px 0px 1px;
}

/*  */

* {
	margin: 0;
    padding: 0;
    border: none;
	font-size: 1em;
}

body {
	background: #f5f5f6;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}
/* links

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

a:link, a:visited, a:hover, a:active
{
	
	text-decoration: none;
}

/* tabs
*************************/

 ul.tabsleft
{
	display: table;
	padding: 0;
	float: left;
	list-style: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

 ul.tabsleft li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

 ul.tabsleft a
{
	position: relative;
	display: block;
}

 ul.tabsright
{
	display: table;
	padding: 0;
	left: 135px;
	float: left;
	list-style: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

 ul.tabsright li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

 ul.tabsright a
{
	position: relative;
	display: block;
}

/* dropdowns
*************************/

ul.dropdown
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 250px;
	display: none;
	left: 0;
}

ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}



ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

ul.dropdown li a
{
	display: block;
}


#container {
	width: 100%;
}

#main-content {
	margin: 0 auto;
	width: 1012px;
	height: 600px;
	background: url(../images/main-left-bg.jpg) left 10px no-repeat;
}

#main-content #bg {
	margin: 0 auto;
	width: 1012px;
	height: 600px;
	background: url(../images/main-right-bg.jpg) right 10px no-repeat;
}



/*################################################ HEADER ##############################################*/


#main-content #header {
	margin: 0 auto;
	width: 901px;
	height: 80px;
	background: url(../images/main-header-bg.jpg) repeat-x;
}

#main-content #header #logo {
	float: left;
	width: 196px;
	height: 47px;
	display: inline;
	margin: 18px 0 0 351px;
	background: url(../images/main-header-logo.gif);
}

#main-content #header #logo a {
	float: left;
	width: 196px;
	height: 47px;
	display: block;
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}



.table1, .table1 th, .table1 td {
	border-bottom: 1px solid #CCCCCC;
}

.table1 tr {
}

.table1 th {
	padding: 5px 10px;
	background: url(images/homepage15.gif) repeat-x left top;
	text-align: left;
	color: #FFFFFF;
}

.table1 td {
	padding: 8px 10px;
}


/*################################################ CONTENT ##############################################*/


#main-content #content {
	float: left;
	display: inline;
	margin: 0 0 0 57px;
	width: 900px;
	display: table;
	display: inline;
	background: #FFFFFF url(../images/main-content-bg.gif) repeat-x;
}

#main-content #content #menu-bar {
	margin: 3px auto 0 auto;
	width: 875px;
	height: 75px;
	background: url(../images/main-content-menu-bar-bg.gif) 0 38px repeat-x;
}

#main-content #content #menu-bar #menu {
	position: absolute;
	z-index: 5;
	top: 82px;
	width: 875px;
	height: 40px;
	line-height: 40px;
	background:url(../images/main-header-menu-bg.gif) repeat-x;
	border-bottom: none;
}

#main-content #content #menu-bar #menu #left-links {
	float: left;
	display: inline;
	margin: 0 0 0 12px;
}



#main-content #content #menu-bar #menu #left-links ul
{
	margin: 0 auto;
}

#main-content #content #menu-bar #menu #left-links ul li.hasmore
{
	background: url(../images/menudownarrow.png) no-repeat right;
}

#main-content #content #menu-bar #menu #left-links ul li h4
{
	margin: 0;
}

#main-content #content #menu-bar #menu #left-links ul li h4 a
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding: 0 15px;
}

#main-content #content #menu-bar #menu #left-links ul li a
{
	color: #000000;
	padding-left: 4px;
}

#main-content #content #menu-bar #menu #left-links ul li a img
{
	vertical-align: middle;
}

#main-content #content #menu-bar #menu #left-links ul li a:hover
{
	background: url(../images/topselectionleft.png) top left no-repeat;
}

#main-content #content #menu-bar #menu #left-links ul li a span
{
	display: block;
	padding: 0 15px 0 11px;
}

#main-content #content #menu-bar #menu #left-links ul li a:hover span
{
	background: url(../images/topselectionright2.jpg) no-repeat;
}

#main-content #content #menu-bar #menu #left-links ul.dropdown
{
	padding: 10px;
	background-image: url(../images/SideNav.jpg);
	overflow:hidden;
	border-bottom: 1px solid #dc902f;
	width: 260px;

}

#main-content #content #menu-bar #menu #left-links ul.dropdown li a
{
	border-bottom: 1px solid #e5cd8e;
	line-height: 30px;
	overflow: hidden;
	height: 30px;

}

#main-content #content #menu-bar #menu #left-links ul.dropdown li.last a
{
	border-bottom-width: 0;

}

#main-content #content #menu-bar #menu #left-links ul.dropdown li a:hover
{
	background: none;
}

#main-content #content #menu-bar #menu #left-links ul li h4 a:hover
{
     background: none;
}



#main-content #content #menu-bar #menu #right-links {
	float: left;
	display: inline;
	margin: 0 0 0 400px;
}

#main-content #content #menu-bar #menu #right-links2 {
	float: left;
	display: inline;
	margin: 0 0 0 65px;
}



#main-content #content #menu-bar #menu  #right-links2 ul
{
	margin: 0 auto;
}

#main-content #content #menu-bar #menu  #right-links2 ul li.hasmore
{
	background: url(../images/menudownarrow.png) no-repeat right;
}


#main-content #content #menu-bar #menu  #right-links2 ul li h4
{
	margin: 0;
}

#main-content #content #menu-bar #menu  #right-links2 ul li h4 a
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding: 0 15px;
}

#main-content #content #menu-bar #menu  #right-links2 ul li a
{
	color: #000000;
	padding-left: 4px;
}

#main-content #content #menu-bar #menu  #right-links2 ul li a img
{
	vertical-align: middle;
}

#main-content #content #menu-bar #menu  #right-links2 ul li a:hover
{
	background: url(../images/topselectionleft.png)top left no-repeat;
}

#main-content #content #menu-bar #menu  #right-links2 ul li a span
{
	display: block;
	padding: 0 15px 0 11px;
}

#main-content #content #menu-bar #menu  #right-links2 ul li a:hover span
{
	background: url(../images/topselectionright2.jpg) no-repeat;
}

#main-content #content #menu-bar #menu  #right-links2 ul.dropdown
{
	padding: 10px;
	background-image: url(../images/SideNav.jpg);
	overflow:hidden;
	border-bottom: 1px solid #dc902f;
	width: 260px;

}

#main-content #content #menu-bar #menu  #right-links2 ul.dropdown li a
{
	border-bottom: 1px solid #e5cd8e;
	line-height: 30px;
	overflow: hidden;
	height: 30px;

}

#main-content #content #menu-bar #menu  #right-links2 ul.dropdown li.last a
{
	border-bottom-width: 0;

}

#main-content #content #menu-bar #menu  #right-links2 ul.dropdown li a:hover
{
	background: none;
}

#main-content #content #menu-bar #menu  #right-links2 ul li h4 a:hover
{
     background: none;
}

#main-content #content #menu-bar #menu a.try {
	float: right;
	left: 90%;
	width: 18.4%;
	height: 33px;
	margin: 1px 0 0 60px;
	
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}

#main-content #BottomNav{
	position: relative;
	top: 10px;
	left: 70px;
	width: 875px;
}

/*        index.html       */

#main-content #content.home {
	background: url(../images/home-content-bg.gif) repeat-x;
}

#main-content #content.home h1.text {
	float: left;
	margin: 0 0 0 82px;
	display: inline;
	width: 725px;
	height: 27px;
	background: url(../images/home-h1-text.gif);
}

#main-content #content.home h2.text {
	float: left;
	width: 521px;
	height: 17px;
	margin: 13px 0 0 198px;
	display: inline;
	background: url(../images/home-h2-text.gif);
}

#main-content #content.home #numbers {
	float: left;
	width: 650px;
	margin: 34px 0 0 125px;
	display: inline;
}

#main-content #content.home #numbers div.number {
	float: left;
	height: 299px;
	display: inline;
}

#main-content #content.home #numbers #number1 {
	width: 221px;
	margin: 0px 0 0 0;
	background: url(../images/home-number-1.jpg);
}


#main-content #content.home #number_one {
	width: 221px;
	height: 299px;
	display: block;
	float: left;
	margin: 34px 0 0 125px;
	background: url(../images/home-number-1.jpg);
}

#main-content #content.home #number_two {
	width: 211px;
	height: 299px;
	display: block;
	float: left;
	margin: 34px 0 0 0;
	background: url(../images/home-number-2.jpg);
}

#main-content #content.home #number_three {
	width: 212px;
	height: 299px;
	display: block;
	float: left;
	margin: 34px 0 0 0;
	background: url(../images/home-number-3.jpg);
}


#main-content #content.home #number_one_a {
	width: 221px;
	height: 299px;
	display: block;
	float: left;
	margin: 34px 0 0 125px;
	background: url(../images/1a.jpg);
}

#main-content #content.home #number_two_a {
	width: 211px;
	height: 299px;
	display: block;
	float: left;
	margin: 34px 0 0 0;
	background: url(../images/2a.jpg);
}

#main-content #content.home #number_three_a {
	width: 212px;
	height: 299px;
	display: block;
	float: left;
	margin: 34px 0 0 0;
	background: url(../images/3a.jpg);
}

#main-content #content.home #numbers #number2 {
	width: 211px;
	margin: 0px 0px 0 0px;
	background: url(../images/home-number-2.jpg);
}

#main-content #content.home #numbers #number2 #list li a:hover,
#main-content #content #list li a:hover {
	text-decoration: underline;
}

#main-content #content.home #numbers #number3 {
	width: 212px;
	background: url(../images/home-number-3.jpg);
}

#main-content #content.home #numbers div.number a {
	float: left;
	display: block;
	display: inline;
	margin: 203px 0 0 52px;
	width: 75px;
	height: 22px;
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}

#main-content #content.home #numbers #number3 a {
	margin: 207px 0 0 52px;
	width: 90px;
}

#main-content #content.home #numbers #number2 #list,
#main-content #content  #list {
	float: left;
	width: 160px;
	margin: 37px 0 0 10px;
	display: inline;
}

#main-content #content.home #numbers #number2 #list li,
#main-content #content  #list li {
	float: left;
	list-style: none;
	padding: 0 0 0 8px;
	display: inline;
	background: url(../images/home-arrow.gif) 0 5px no-repeat;
}

#main-content #content.home #numbers #number2 #list li a,
#main-content #content  #list li a {
	float: left;
	width: auto;
	margin: 0;
	text-indent: 0em;
	color: #3f3f3f;
	text-decoration: none;
	font-size: 14px;
}

#main-content #content.home #numbers #number2 #list li.center,
#main-content #content  #list li.center {
	margin: 0 15px 0 15px;
}





/*           about-us.html            */

#main-content #content #center #scroll {
	float: left;
	width: 750px;
	height: 320px;
	display: inline;
	margin: 20px 0 0 50px;
	overflow: auto;
}

#main-content #content #center #scroll #large-image,
#main-content #content #center #scroll .box .image {
	float: left;
	width: 133px;
	height: 94px;
	margin: 30px 0 0 0;
	padding: 6px 0 0 0;
	border: 1px solid #fd9c3d;
	background: #e9e9e9;
	text-align: center;
}

#main-content #content #center #scroll #text {
	float: left;
	width: 540px;
	margin: 27px 0 0 27px;
	display: inline;
}

#main-content #content #center #scroll #text p.tit,
#main-content #content #center #scroll .box p.tit {
	font-size: 17px;
	text-transform: uppercase;
	color: #ff7f00;
	margin: 0 0 5px 0;
}

#main-content #content #center #scroll #text p,
#main-content #content #center #scroll .box p {
	font-size: 13px;
	color: #8c8c8c;
}

#main-content #content #center #scroll #boxes {
	float: left;
	width: 730px;
}

#main-content #content #center #scroll .box {
	float: left;
	width: 180px;
	margin: 30px 0 0 0;
}

#main-content #content #center #scroll .box .image {
	width: 90px;
	height: 77px;
	margin: 3px 0 0 0;
	padding: 4px 0 0 0;
}

#main-content #content #center #scroll .box p.tit {
	font-size: 13px;
	text-transform: uppercase;
	color: #ff7f00;
	margin: 0 0 5px 0;
}

#main-content #content #center #scroll .box p {
	float: left;
	width: 95%;
	margin: 10px 0 0 0;
}


#main-content #content  #list {
	margin: 10px 0 0 369px;
	padding: 0 0 15px 0;
}


/*           detailsone.html              */


#main-content #content.onetwothree #center #scroll {
	margin: 20px 0 0 35px;
	height: 340px;
}

#main-content #content.onetwothree #center #number1 {
  	float: left;
	width: 271px;
	height: 315px;
	display: inline;
	margin: 25px 0 0 0px;
	background: url(../images/1-Alone.png) no-repeat;
}

#main-content #content.onetwothree #center #number2 {
  	float: left;
	width: 271px;
	height: 315px;
	display: inline;
	margin: 25px 0 0 0px;
	background: url(../images/2-Alone.png) no-repeat;
}

#main-content #content.onetwothree #center #number3 {
  	float: left;
	width: 271px;
	height: 315px;
	display: inline;
	margin: 25px 0 0 0px;
	background: url(../images/3-Alone.png) no-repeat;
}

#main-content #content.onetwothree #center #info {
	float: right;
	width: 397px;
	height: 280px;
	padding: 15px 0 0 30px;
	display: inline;
	margin: 25px 0 0 5px;
	background: #fff2e5 url(../images/hoy-info-bg.gif) repeat-x;
	overflow: auto;
}

#main-content #content.onetwothree #center #info p {
	width: 380px;
	color: #8c8c8c;
	font-size: 13px;
}


#main-content #content.onetwothree #center #info ul
{
	width: 360px;
}

#main-content #content.onetwothree #center #info ul li 
{
	color: #8c8c8c;
	font-size: 13px;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}


#main-content #content.onetwothree #center #info p.tit {
	color: #ff7f00;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

#main-content #content.onetwothree #center #info p.bottomlinks {
	color: #8c8c8c;
	font-size: 10px;
}

#main-content #content.onetwothree #center #info p.bottomlinks a {
	text-decoration: none;
	color: #8c8c8c;
	font-size: 10px;
}

#main-content #content.onetwothree #center #info p.bottomlinks a:hover {
	text-decoration: underline;
}


/* manager-view-subordinates.php */

#main-content #content #center #scroll #info-mgr-view {
	float: left;
	width: 725px;
	overflow: auto;
	overflow-x: hidden;
}

label{
	font-weight: bold;
	padding-left: 5px;
}


/* custom-signup.php */

#main-content #content #center #customtitle {
	float: left;
	margin-top:10px;
	margin-left: 100px;
	color: #27408B;
	font-size: 30px;
	font-weight:100;
	font-family:"Franklin Gothic Demi";
}
#main-content #content #center #customlogo {
	margin-top:10px;
	float:right;
}

/*           how-it-works.html            */

#main-content #content.how #center #scroll {
	margin: 20px 0 0 35px;
	height: 440px;
}


#main-content #content.how #center #numbers {
	float: left;
	width: 725px;
	height: 111px;
	display: inline;
	margin: 18px 0 0 35px;
}

#main-content #content.how #center #numbers div.number {
	float: left;
	height: 111px;
}

#main-content #content.how #center #numbers #number1 {
	background: url(../images/how-numbers-number1.jpg);
	width: 215px;
}

#main-content #content.how #center #numbers #number2 {
	background: url(../images/how-numbers-number2.jpg);
	width: 156px;
	margin: 0 62px 0 55px;
	display: inline;
}

#main-content #content.how #center #numbers #number3 {
	background: url(../images/how-numbers-number3.jpg);
	width: 234px;
}

#main-content #content.how #center #video-box {
	float: left;
	width: 270px;
	height: 250px;
	display: inline;
	margin: 25px 0 0 0px;
	background: url(../images/how-video-box-bg.gif) repeat-x;
}

#main-content #content.how #center #video-box #video {
	float: left;
	width: 270px;
	height: 250px;
	display: inline;
	margin: 0 0 0 0px;
}

#main-content #content.how #center #info {
	float: right;
	width: 412px;
	height: 520px;
	padding: 15px 0 0 30px;
	display: inline;
	margin: 25px 0 0 5px;
	background: #fff2e5 url(../images/hoy-info-bg.gif) repeat-x;
	overflow: auto;
}

#main-content #content.how #center #info p {
	width: 400px;
	color: #8c8c8c;
	font-size: 13px;
}


#main-content #content.how #center #info ul
{
	width: 400px;
	margin: 0.5em 0 0 0;
}

#main-content #content.how #center #info ul li 
{
	color: #8c8c8c;
	font-size: 13px;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}


#main-content #content.how #center #info p.tit {
	color: #ff7f00;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}


#main-content #content.how #center #info p.bottomlinks {
	color: #909090;
	font-size: 10px;
}

#main-content #content.how #center #info p.bottomlinks a {
	text-decoration: none;
	color: #909090;
	font-size: 10px;
}


#main-content #content.how #center #info p.bottomlinks a:hover {
	text-decoration: underline;
}




/*           solutions.html            */

#main-content #content.solutions #center #boxes {
	float: left;
	width: 785px;
	display: inline;
	margin: 20px 0 0 13px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ff7f00;
}

#main-content #content.solutions #center #boxes div.box {
	float: left;
	width: 187px;
	height: 303px;
	margin: 0 12px 0 0;
	display: inline;
	background: url(../images/how-boxes-box-bg.gif) repeat-x;
}

#main-content #content.solutions #center #boxes #last {
	margin: 0;
}

#main-content #content.solutions #center #boxes div.box div.lamp {
	float: left;
	width: 21px;
	height: 41px;
	display: inline;
	margin: 15px 0 0 17px;
	background: url(../images/solutions-lamp-img.jpg);
}

#main-content #content.solutions #center #boxes div.box p {
	float: left;
	width: 155px;
	color: #8c8c8c;
	font-size: 13px;
	display: inline;
	margin: 9px 0 0 18px;
}


#main-content #content.solutions #center #boxes div.box p.tit {
	float: left;
	width: 130px;
	color: #ff7f00;
	font-size: 18px;
	display: inline;
	margin: 12px 0 0 10px;
	text-transform: uppercase;
}





/*                        news.html   - Style w/o boxes                   */

#main-content #content.solutions #center #boxes.news p.title {
	margin: 0px 0 0 17px;
	width: 600px;
	color: #ff7f00;
	font-size: 13px;
	font-weight: bold;
}

#main-content #content.solutions #center #boxes.news p.title a {
	color: #ff7f00;
	text-decoration: none;
}

#main-content #content.solutions #center #boxes.news p.attribution {
	margin: 3px 0 0 17px;
	width: 750px;
	color: #202020;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}

#main-content #content.solutions #center #boxes.news p.attribution a 
{
	color: #202020;
	text-decoration: none;
}


#main-content #content.solutions #center #boxes.news a.read {
	float: left;
	width: 146px;
	height: 36px;
	display: block;
	display: inline;
	margin: 5px 0 0 13px;
	background: url(../images/news-read-button.gif);
	/* hide from IE Mac \*/
    
    /*
overflow: hidden;
 end hide */
}

/*                        news.html   - Style with boxes                   */

#main-content #content.solutions #center #boxes.news div.box p.tit {
	width: 155px;
	margin: 15px 0 0 17px;
}

#main-content #content.solutions #center #boxes.news div.box p {
	float: left;
	width: 160px;
	margin: 10px 0 0 17px;
}

#main-content #content.solutions #center #boxes.news div.box p.date {
	font-size: 12px;
}

#main-content #content.solutions #center #boxes.news div.box p.date span {
	font-weight: bold;
}

#main-content #content.solutions #center #boxes.news div.box div.image {
	float: left;
	width: 155px;
	height: 77px;
	margin: 7px 0 0 17px;
	display: inline;
	padding: 5px 0 0 0;
	border: 1px solid #f4b475;
	background: #e9e9e9;
	text-align: center;
}

#main-content #content.solutions #center #boxes.news div.box a.read {
	float: left;
	width: 146px;
	height: 36px;
	display: block;
	display: inline;
	margin: 9px 0 0 13px;
	background: url(../images/news-read-button.gif);
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}

#main-content #content.solutions #center #nav {
	float: right;
	width: 120px;
	margin: 3px 0 -11px 0;
}

#main-content #content.solutions #center #nav p {
	color: #ff7f00;
	font-size: 14px;
}

#main-content #content.solutions #center #nav p a {
	color: #666666;
	text-decoration: none;
	font-size: 14px;
}

#main-content #content.solutions #center #nav p a:hover {
	text-decoration: underline;
}




/*                        details-portal.html                      */

#main-content #content.details #center #scroll {
	float: left;
	width: 791px;
	margin: 20px 0 0 10px;
	overflow: auto;
	height: 320px;
}

#main-content #content.details #center #levels {
	float: left;
	width: 690px;
	margin: 25px 0 0 50px;
}

#main-content #content.details #center #levels .description {
	float: left;
	width: 512px;
	display: inline;
}

#main-content #content.details #center #levels .description p {
	color: #8c8c8c;
	font-size: 13px;
	width: 500px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
}

#main-content #content.details #center #levels .description ul {
	display: block;
}

#main-content #content.details #center #levels .description ul li {
	color: #8c8c8c;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}

#main-content #content.details #center #levels .description p.tit {
	color: #09357a;
	font-size: 18px;
	margin: 0 0 7px 0;
	text-transform: uppercase;
}

#main-content #content.details #center #titles {
	float: left;
	width: 520px;
	margin: 0 0 5px 175px;
}

#main-content #content.details #center #titles ul li {
	float: left;
	display: inline;
	width: 140px;
	text-align: center;
	color: #333333;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

#main-content #content.details #center #table {
	float: left;
	width: 710px;
	margin: 5px 0 5px 30px;
}

#main-content #content.details #center #table div.line {
	float: left;
	width: 712px;
	height: 45px;
	margin: 0 0 3px 0;
}

#main-content #content.details #center #table div.line div.box {
	float: left;
	width: 140px;
	height: 42px;
	padding: 3px 0 0 0;
	margin: 0 0 0 3px;
	background: #e6e6e6;
	text-align: center;
}

#main-content #content.details #center #table div.line div.box a.buy {
	float: left;
	display: block;
	display: inline;
	margin: 9px 0 0 25px;
	width: 58px;
	height: 33px;
	background: url(../images/buynow.png);
	background-repeat: no-repeat;
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: visible;
    /* end hide */
}

#main-content #content.details #center #table div.line div.boxhalf {
	float: left;
	width: 95px;
	height: 42px;
	padding: 3px 0 0 0;
	margin: 0 0 0 3px;
	background: #e6e6e6;
	text-align: center;
}

#main-content #content.details #center #table div.line div.boxhalf a.buy {
	float: left;
	display: block;
	display: inline;
	margin: 4px 0 0 15px;
	width: 58px;
	height: 33px;
	background: url(../images/buy.jpg);
	background-repeat: no-repeat;
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: visible;
    /* end hide */
}

#main-content #content.details #center #table div.line div.boxhalf a.beta {
	float: left;
	display: block;
	display: inline;
	margin: 4px 0 0 15px;
	width: 58px;
	height: 33px;
	background: url(../images/beta.jpg);
	background-repeat: no-repeat;
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: visible;
    /* end hide */
}

#main-content #content.details #center #table div.line div.boxhalf a.try {
	float: left;
	display: block;
	display: inline;
	margin: 4px 0 0 15px;
	width: 58px;
	height: 33px;
	background: url(../images/try.jpg);
	background-repeat: no-repeat;
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: visible;
    /* end hide */
}

#main-content #content.details #center #table div.line div.box1 {
	float: left;
	width: 170px;
	height: 45px;
	color: #ff7f00;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

#main-content #content.details #center #table div.line div.box1 p {
	margin: 6px 0 0 0;
}






/*               contact-us.html               */

#main-content #content.contact p {
	float: left;
	width: 80%;
	display: inline;
	margin: 7px 0 0 35px;
	color: #8c8c8c;
	font-size: 13px;
}

#main-content #content.contact p.tit {
	font-size: 15px;
	font-weight: bold;
	margin: 18px 0 0 35px;
}

#main-content #content.contact p.top {
	margin: 30px 0 0 35px;
}

#main-content #content.contact #pictures {
	float: left;
	width: 770px;
	display: inline;
	margin: 0px 0 0 35px;
}

#main-content #content.contact #pictures .image {
	float: left;
	width: 155px;
	display: inline;
	margin: 13px 35px 0 0;
}

#main-content #content.contact #pictures .image a,
#main-content #content.contact p a {
	float: left;
	font-size: 11px;
	color: #3769ae;
}

#main-content #content.contact #pictures .image a:hover {
	text-decoration: none;
}




/*           try-it-now.html       */


#main-content #content.try p.top {
	float: left;
	font-size: 22px;
	color: #3769ae;
	margin: 30px 0 0 30px;
	display: inline;
}

#main-content #content.try p.title {
	font-size: 13px;
	text-transform: uppercase;
	color: #ff7f00;
	text-decoration: none ;
	margin: 20px 0 0 30px;
	text-align: center;
}

#main-content #content.try a.title {
	color: #ff7f00;
}

#main-content #content.try a.inactivetitle {
	color: #ff7f00;
}



/*           support.html       */


#main-content #content.support p.top {
	float: left;
	font-size: 22px;
	color: #3769ae;
	margin: 30px 0 0 30px;
	display: inline;
}

#main-content #content.support p.top a {
	color: #3769ae;
}

#main-content #content.support p.top a:hover {
	text-decoration: none;
}


#main-content #content.support #center #scroll {
	float: left;
	width: 750px;
	height: 320px;
	display: inline;
	margin: 20px 0 0 50px;
	overflow: auto;
}


/*           sitemap       */


#main-content #content #sitemap {
	float: left;
	width: 350px;
	display: inline;
	margin: 45px 0 0 62px;
}

#main-content #content #sitemap ul li {
	float: left;
	width: 350px;
	list-style: none;
}

#main-content #content #sitemap ul li a {
	float: left;
	text-decoration: none;
	color: #3769ae;
	font-size: 13px;
	margin: 7px 0 0 0;
}

#main-content #content #sitemap ul li a:hover {
	text-decoration: underline;
}






/*           Interior Pages        */

#main-content #content #center {
	float: left;
	width: 810px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
	display: table;
	display: inline;
	margin: 5px 0 0 43px;
	padding: 0 0 15px 0;
	border: 1px dotted #666666;
}

#main-content #content #top {
	position: absolute;
	margin: 67px 0 0 70px;
	display: inline;
	width: 126px;
	height: 40px;
	background: url(../images/interior-top-button.jpg);
}

#main-content #content #top p {
	float: left;
	width: 96%;
	margin: 4px 0 0 0;
	font-size: 19px;
	color: #FFFFFF;
	text-align: center;
}

#main-content #content #top.large {
	width: 163px;
	background: url(../images/how-top-button.jpg);
}









/*################################################ FOOTER ##############################################*/


#main-content #footer {
	float: left;
	width: 900px;
	height: 35px;
	display: inline;
	margin: 0 0 0 57px;
	background: #cdced0;
}

#main-content #footer p {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	text-align: center;
	color: #8c8c8c;
	font-size: 11px;
}

#main-content #footer p a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0 5px 0 5px;
	display: inline;
}

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

/* Tabs */

#ts_tabmenu {
	font-size: .75em; /* set the font size */
	padding: 50px 0px 0px 36px; /* set the padding */

}
#ts_tabmenu ul {
	line-height: 1em; /* setting the line height now so we don’t have any headaches*/
	margin: 0px; /* let’s keep the margin set to 0 for the same reasons as above*/
	list-style-type: none; /* we remove the UL’s default disc bullets */
	float: left; /* we float the list to the left like we will all the elements inside*/
	padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
	float: left; /* floatin’ left */
}
#ts_tabmenu ul li a {
	text-decoration: none; /* remove the default underline off the anchor text */
	display: block; /* we display this text as block so that we can apply padding/margin without problems */
	float: left; /* floatin’ left, to make the menu horizontal */
	padding: 0px 0px 0px 10px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
	background: url(../images/tabs.gif) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */
	margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
	position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
	color: #666666;  /* color of the tab text */
}
#ts_tabmenu ul li a strong {
	font-weight: normal;   /* remove the bold effect */
	display: block;   /* display the strong element as a block so we can pad it, etc. */
	float: left;   /* float it left as well */
	background: url(../images/tabs.gif) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
	padding: 6px 10px 7px 5px;  /* important, as through this you define the position of the text within the tab */
	cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
	position: relative; /* again, keep things relative */
	background: url(../images/tabs.gif) no-repeat left bottom;  /* now we show the bottom part of the tabs image, the "hover" instance */
	color: #000000;   /* we color the hovered tab’s text black */
}
#ts_tabmenu ul li a:hover strong {
	background-image: url(../images/tabs.gif) no-repeat; 
	position: relative; /* keep it relative */
	background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a, 
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a, 
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a, 
#tsmenu7 #li_tsmenu7 a, #tsmenu8 #li_tsmenu8 a  {
	position: relative;
	background: url(../images/tabs.gif) no-repeat left bottom; 
	color: #000000; 
}
#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong, 
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong, 
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong, 
#tsmenu7 #li_tsmenu7 a strong, #tsmenu8 #li_tsmenu8 a strong{ 
	background-image: url(../images/tabs.gif) no-repeat; 
	position: relative; 
	background-position: right bottom; 
}

/* Table Layouts */

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 800px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('../images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('../images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('../images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('../images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

/*        Styled Buttons         */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}