/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(../images/bgr.gif) #c7c7c7 repeat-x top;
	color: #5c4225;
	padding: 25px 0;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif
}
a:link{
	color:#666;
	text-decoration: none;
}
a:visited{
	color:#666;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
a:active{
}
input,select,textarea{
	border: #e9e9e9 1px solid;
	font-size: 12px;
	padding: 2px
}
li{
	list-style: none;
}
li1{
	list-style: none;
}
h2{
	font-size: 1.4em;
	margin: 0 0 .5em
}
h2 em{
	color: #3c9ded;
	font-style: normal;
}
h2 small{
	font-weight: normal;
	font-size: .65em
}
h2 span{
	display: none;
}
h2 img{
	display: block;
	margin-top:10px;
}
h3{
	font-size: 1.2em;
	margin: 0 0 .5em
}
h4{
	font-size: 1em;
	margin: 0 0 1em
}
h7{
	font: 2em Arial,Verdana,Helvetica,Sans-Serif;
	text-decoration:none;
	font-weight:bold;
}
p{
	line-height: 1.3em;
	padding: 0 0 1.1em;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
/*=== Layout ===*/
#page{
	background: #fff;
	margin: 0 auto;
	width: 960px;
	height:auto;
}
#content{
	padding: 26px 0px 26px 46px;
}
#content3{
	padding: 26px 0px 26px 46px;
	width:511px;
}
#content h2{
	margin: 0 0 45px;
}
.clr {clear:both;} 
/*=== Specific Page Styles ===*/
/*== Homepage ==*/
#homepage #headline{
	background: url(../images/headline-home2.gif) no-repeat top;
	text-align:right;
	height: 46px;
	padding: 0;
	width: 960px;
}
#homepage #columns{
	background: url(../images/columns-home.jpg) no-repeat right top;
	padding: 20px 25px 0;
	border-bottom: 3px solid #d1d1d1;
}
#homepage #columns2{
	background: url(../images/bgr-btm.gif) repeat-x top;
	padding: 20px 28px 5px 50px;
	border-bottom: 4px solid #d1d1d1;
	height:400px;
}
#homepage #testimonials{
	font-size: 12px;
	color: #f2f2f2;
	background: url(../images/testimonials-bgr.gif) #9a9a9a repeat-x top; 
	padding: 70px 0 0;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 165px;
	min-height: 165px;
}
#homepage #{
	margin-top: 0;
	background: url(../images/footer-bgr-home.gif) no-repeat top;
	padding: 8px 0 0;
}
/*==  Main Cart ==*/
#main #headline{
	background: url(../images/header-compass.gif) no-repeat top;
}
#main #content{
	display: table-cell;
	display: block;
	height: auto !important;
	border: 1px solid #e9e9e9;
	height: 100%;
	min-height: 520px;
}
#main #content2{
	display: table-cell;
	display: block;
	height: auto !important;
	border: 1px solid #e9e9e9;
	height: 100%;
	min-height: 520px;
}
/*- Main Cart Step1,2 -*/
#main.faq #content{
	background: url(../images/content-bgr-faq.jpg) no-repeat top;
}
#main.support #content{
	background: url(../images/content-bgr-support.jpg) no-repeat top;
}
#main.howitworks #content{
	background: url(../images/content-bgr-howitworks.jpg) no-repeat top;
}
#main.training-login #content{
	background: url(../images/content-bgr-howitworks.jpg) no-repeat top;
}
#main.purchase-login #content{
	background: url(../images/content-bgr-newaffiliate.gif) no-repeat top;
	height:450px;
}
#main.training #content{
	background: url(../images/content-bgr-training.jpg) no-repeat top;
}
/*- contact us bg -*/
#main.contactus #content{
	background: url(../images/content-bgr-contactus.jpg) no-repeat top;
}
#main.contactus #content2{
	background: url(../images/bgr-install-guide.jpg) no-repeat top;
}
/*- Main Cart Step4 -*/
#main.scstep4 #content{
	background-image: url(../images/content-bgr-scart6.gif);
	background-repeat: no-repeat;
	background-position: top;
}
/*- Main Cart Step5 -*/
#main.scstep5 #content{
	background-image: url(../images/content-bgr-scart6.gif);
	background-repeat: no-repeat;
	background-position: top;
}
/* Form1 Purchase */
.scstep4 .form1 div{
	padding: 0 30px 0 0
}
.scstep4 .form1 label{
	color: #8f8f8f
}
.scstep4 .form1 input{
	width: 225px;
}
/*==  Affiliate  ==*/
#affiliate #content{
	display: table-cell;
	display: block;
	height: auto !important;
	border: 1px solid #e9e9e9;
	height: 490px;
	min-height: 490px;
}
#affiliate #headline{
	background: url(../images/headline-affiliate.gif) no-repeat top; 
}
#affiliate .afsignup .chk{
	padding: 0 0 0 10px;
}
#affiliate .afsignup .submit{
	margin: 20px 0 0
}
#affiliate .afsignup .chk label{
	font-weight: normal;
	text-align: left;
}
/*- Affiliate Become -*/
#affiliate.become-affiliate h2{
	margin: 0 0 1.8em
}
#affiliate.become-affiliate #headline{
	background: url(../images/headline-becomeaffil.gif) no-repeat top;
	height: 46px;
	padding: 0;
	width: 960px;
}
#affiliate.become-affiliate #columns{
	background: url(../images/columns-becomeaffil.gif) no-repeat right top;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 295px;
	min-height: 295px;
	padding: 20px 25px;
}
/*- New Affiliate -*/
#affiliate.new-affiliate #content{
	background: url(../images/content-bgr-newaffiliate.gif) no-repeat top;
}
/*- Affiliate Welcome -*/
#affiliate.registered-affiliate #columns{
	background: url(../images/columns-welcome-aff.jpg) no-repeat right top;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 340px;
	min-height: 340px;
}
/*- Affiliate Dashboard -*/
#affiliate.dashboard-affiliate #columns{
	color: #00366b;
	background: url(../images/columns-dashboard.gif) #e6f3fe repeat-x top; 
}
#affiliate.dashboard-affiliate h3{
	font-weight: normal
}
/* Affiliate Total Amount Earned */
.afdtotal{
	padding: 0 0 0 25px;
	font-size: 1.1em
}
.totalearned{
	background: #ffffff;
	margin: 0 0 .5em;
	padding: 10px 7px;
	width: 130px;
	font-size: 18px;
	text-align: center;
	border: 1px solid #e9e9e9;
	color:#6d6565
}
/* Affiliate Tabs1 */
#affiliate.dashboard-affiliate .tabs1 table{
	margin: 0
}
#affiliate.dashboard-affiliate .tabs1 th,
#affiliate.dashboard-affiliate .tabs1 td{
	border-color: #ddd;
	padding: 7px 25px;
	vertical-align: top;
	color: #00366b;
	text-align: left;
}
#affiliate.dashboard-affiliate .tabs1 small{
	font-weight: normal;
	font-size: 1em
}
#affiliate.dashboard-affiliate .tabs1 img{
	margin: 0 15px 0 0
}
#affiliate.dashboard-affiliate .tabs1 td th,
#affiliate.dashboard-affiliate .tabs1 td td{
	border: 0;
	padding: 0;
	font-style: italic;
}
/*=== Header ===*/
#header{
	height: 65px;
	margin: 0 auto 8px;
	width: 960px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo-zyto.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 233px
}
#header h1 a{
	display: block;
	height: 65px;
	text-decoration: none
}
#logo2{
	padding-top:120px;
}
/*=== Headline ===*/
#headline{
	margin: 0 auto;
	width: 900px;
	padding: 38px 30px 0;
	height: 55px;
	color: #fff;
}
#headline a{
	color: #fff
}
#headline h2{
	float:left; 
}
#headline .fr{
	font-size: 11px;
	padding: 20px 0 0
}
.compassimg{
	background: url(../images/compass.png) no-repeat top;
	width: 95px;
	height: 83px;
	position: absolute;
	top: 57px;
	margin: 0 0 0 432px;
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	color: #666;
	height: 16px;
	width: 560px;
	text-transform: uppercase;
	font-size:12px;
	padding: 7px 0 0 12px;
	text-align: right;
	font-weight: bold;
	float:right;
	margin-left: 20px;
}
.nav3{
	height: 16px;
	width: 155px;
	text-transform: uppercase;
	font-size:10px;
	padding: 10px 0 0;
	text-align: right;
	font-weight: bold;
	float:left;
}
.nav4{
	color:#FFF;
	height: 16px;
	width: 960px;
	text-transform: uppercase;
	font-size:10px;
	padding: 5px 0 0;
	text-align: center;
	font-weight: bold;
	float:left;
}
.nav1 li{
	display: inline;
	padding: 0 .5em 0 .5em;
}
.footercolumn li{
	color: #fff;
	display: inline;
}
.nav1 li1{
	display: inline;
	padding: 0 .5em 0 .5em;
	border-right:1px #999;
}
.nav3 li{
	display: inline;
	padding: 0 .5em 0 .5em;
	border-right:1px solid #999;
}
.nav3 li1{
	display: inline;
	padding: 0 .5em 0 .5em;
	border-right:1px #999;
}
.nav1 li a{
	color: #666;
	text-decoration: none;
}
.footercolumn li a{
	color: #FFF;
	text-decoration: none;
}
.nav1 li1 a{
	color: #666;
	text-decoration: none;
}
.nav3 li a{
	color: #666;
	text-decoration: none;
}
.nav3 li1 a{
	color: #666;
	text-decoration: none;
}
.nav1 li a:hover,.nav1 li.active a{
	color: #666;
	border-bottom:2px solid #656565;
}
.footercolumn li a:hover,.footercolumn li.active a{
	color: #FFF;
	border-bottom:2px solid #656565;
}
.nav1 li1 a:hover,.nav1 li1.active a{
	color: #666;
	border-bottom:2px solid #656565;
}
.nav3 li a:hover,.nav1 li.active a{
	color: #666;
	border-bottom:2px solid #656565;
}
.nav3 li1 a:hover,.nav1 li1.active a{
	color: #666;
	border-bottom:2px solid #656565;
}
/*- Nav2 -*/
.nav2{
	height: 41px;
	background: url(../images/nav2-bgr.gif) repeat-x top;
	padding: 0 0 0 55px;
	font-size: 12px;
	font-weight: bold;
	color: #00366b;
	overflow: hidden;
}
.nav2 ul{
	border-left: 1px solid #d0cfcf;
	height: 41px;
}
.nav2 li{
	float:left;
	padding: 0 20px;
	border-right: 1px solid #d0cfcf;
	line-height: 41px;
	background: url(../images/-bgr.gif) repeat-x top; 
}
.nav2 li a{
	color: #00366b;
	display: block;
	float: left;
	text-decoration: none;
}
.nav2 li a:hover,
.nav2 li.active a{
	color: #fff;
	text-decoration: underline;
}
/*- Navigation Path -*/
.nav-path{
	color: #8f8f8f;
	padding: 0 0 10px;
}
.nav-path a{
	color: #8f8f8f;
	text-decoration: none;
}
.nav-info{
	padding: 0 0 15px 45px;
}
/*- Navigation Steps (Shopping Cart) -*/
.nav-steps{
	color: #8f8f8f;
	height: 24px;
	margin: 0 0 -12px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #c2c2c2;
	padding: 0 0 0 360px;
}
.nav-steps li{
	float:left;
	text-align: center;
	padding: 0 15px 0 0
}
.nav-steps li a{
	background: url(../images/steps.gif) no-repeat top;
	color: #c2c2c2;
	float:left; 
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
}
.nav-steps li a:hover,
.nav-steps li.active a{
	background: url(../images/steps-.gif) no-repeat top;
	text-decoration: none;
	color: #fff
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 20px 30px 35px;
	border-bottom: 4px solid #d1d1d1;
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 525px;
}
.col2{
	float: left;
	padding: 0 0 0 15px;
	width: 185px;
}
.col3{
	float: left;
	height: 1%;
	width: 340px
}
.col4{
	width: 410px;
}
.col5{
	width: 563px;
	float:left; 
}
.col6{
	width: 250px;
	float:right;
	text-align: center;
}
.col6 div{
	margin: 0 0 1em
}
.col7{
	float:left;
	width: 605px;
	margin: 0 0 0 -25px;
	position: relative;
	padding: 0  0 0 30px;
	background: url() no-repeat left bottom;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 460px;
	font-size: 12px;
	min-height: 430px;
}
* html .col7{
	margin: 0 0 0 -12px;
}
.col8{
	width: 240px;
	float:right; 
}
.col9{
	width: 860px;
	float:left; 
}
.colside{
	width: 270px;
	float:right;
	margin: 255px 0 0 30px;
	text-align: center;
	clear: both;
}
.colside-login{
	width: 270px;
	float:right;
	margin: 20px 0 20px 20px;
	clear: both;
}
.col10{
	width: 860px;
	float:left;
	margin-top:10px;
}
.col11{
	width: 270px;
	float:left;
	padding: 0 25px;
}
.col12{
	width: 290px;
	float:right;
	margin: 0 0 0 20px;
	text-align: center;
}
.testimonial{
	float:left;
	width:170px;
	padding-left:45px;
	color: #5C4225;
}
.testimonial-vid{
	float:left;
	width:120px;
	padding-left:45px;
	color: #5C4225;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 ul{
	margin: 0 0 2em;
	padding: 0 0 0 25px;
}
.list1 li{
	background: url(../images/ico-list.gif) no-repeat 0 4px;
	margin: 0 0 .3em;
	padding: 0 0 0 10px
}
/*- List2 -*/
.list2 li{
	margin: 0 0 1.7em;
	padding: 0 0 0 35px;
}
.qalist{
	width:500px;
}
.list2 li#l21{
	background: url(../images/n1.gif) no-repeat left top; 
}
.list2 li#l22{
	background: url(../images/n2.gif) no-repeat left top; 
}
.list2 li#l23{
	background: url(../images/n3.gif) no-repeat left top; 
}
.list2 li#l24{
	background: url(../images/n4.gif) no-repeat left top; 
}
/*- List3 -*/
.list3 li{
	padding: 5px  0 0 15px;
	font-size: 1.2em;
	color: #d8790e;
	background: url(../images/ico-list3.gif) no-repeat left;
	width: 300px;
	background-position: 0 .75em;
}
/*- List4 -*/
.list4 li{
	padding: 5px  0 0 15px;
	font-size: 1em;
	color: #d8790e;
	background: url(../images/ico-list3.gif) no-repeat left;
	width: 450px;
	background-position: 0 .75em;
}
/*- List5 -*/
.list5{
	width: 500px;
	height:400px;
	float:left;
	margin-bottom:20px;
	margin-right:22px;
}
.list5 li{
	padding: 5px  0 0 15px;
	font-size: 1em;
	color: #5C4225;
	width: 500px;
	background-position: 0 0.55em;
	background-image: url(../images/q-dot.gif);
	background-repeat: no-repeat;
}
/*- List5 -*/
.webinarlist li{
	padding: 5px  0 0 15px;
	font-size: 1em;
	color: #d8790e;
	background: url(../images/ico-list3.gif) no-repeat left;
	width: 450px;
	background-position: 0 .75em;
}
.webinarlist{
	width: 450px;
}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Form1 Setup -*/
.form1{
	margin: 0 0 1em
}
.form1 div{
	margin: 0 0 9px;
}

.form1 label{
	margin: 0 0 5px;
	display: block; 
	font-size: 12px;
	font-weight: bold;
}
.form1 label em{
	font-weight: normal;
	font-style: normal;
}
.form1 input{
	width: 330px
}
/* Form1 Buttons */
.form1 .submit{
	margin: 5px 0 0;
	padding: 0
}
.form1 input.btn{
	width: auto
}
/* Form1 Checkboxes, Radio inputs */
.form1 .chk input{
	background: none;
	border: 0;
	float: left;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	width: 15px
}
.form1 .chk2 input{
	background: none;
	border: 0;
	float: left;
	height: 15px;
	margin: 0 5px 40px 0;
	padding: 0;
	width: 15px
}
.form1 .chk label{
	float: none;
	padding: 0;
	margin: 0
}
/* Form1 Textarea */
.form1 textarea{
	height: 100px;
	overflow: auto;
	width: 330px
}
.form1 .fixedh{
	margin: 0 0 25px;
}
.form1 .fixedh textarea{
	width: 520px;
	height: 340px;
}
/* Form1 Select */
.form1 select{
	width: 126px
}
/* Form1 Misc */
.form1 .fix{
	margin: 0;
	padding: 0
}
.form1 h4{
	font-weight: normal;
	margin: 0 0 20px;
}
.form1 .col2{
	padding: 0 0 55px 15px;
	height: 1%
}
.form1 .col3{
	padding-bottom: 50px;
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	display: block;
}
.pic.fl img{
	margin-right: 0px
}
.pic.fr img{
	margin-left: 0px
}
.videoapp{
	border: 4px solid #e5e5e5;
	width: 358px;
	height: 209px;
	overflow: hidden;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
.videoapp1{
	float:left;
	/*border: 4px solid #e5e5e5;*/
	padding:0 38px 5px  38px;
	width: 139px;
	height: 105px;
	overflow: hidden;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
.videoapptext{
	float:left;
	/*border: 4px solid #e5e5e5;*/
	padding: 0 38px 0 38px;
	width: 139px;
	height: 75px;
	overflow: hidden;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
#trainingvid-box{
	width: 520px;
	height: 100%;
}
#trainingvid{
	margin: 20px 0 0 0;
	width: 98px;
	height: 78px;
	float: left;
}
#trainingvid-text{
	margin: 20px 0 0 20px;
	width: 400px;
	height: 78px;
	float: right;
}
	
/*=== Styling Tabular Data ===*/
table{
	width: 100%;
	border-collapse: collapse;
}
/*- Tabs1 -*/
.tabs1 table{
	margin: 0 0 2.2em
}
.tabs1 th{
	color: #8f8f8f;
	border: 1px solid #e9e9e9;
	padding: 7px 10px;
}
.tabs1 td{
	border: 1px solid #e9e9e9;
	padding: 7px 10px;
}
.tabs1 td.subtl{
	color: #8f8f8f;
	font-size: .9em;
	font-weight: bold;
}
.tabs1 td.noborder{
	border: 0
}

/*=== Footer ===*/
#footer{
	margin: 0 auto 0;
	background: url(../images/footer-bgr.gif) no-repeat top; 
	width: 960px;
	color: #6e6e6e;
	text-align: center;
}
.footercolumn{
	margin: 15px 45px 0 45px;
	width: 230px;
	color: #6e6e6e;
	text-align: left;
	float:left;
}
#footer a{
	color: #6e6e6e
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.al{
	text-align: left;
}
.login {
	margin: 0 auto 0 862px;
	text-align: right;
	width: 200px;
}
hr {
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	width: 90%;
}
.list4 {
	width: 450px;
	clear: both;
}

.trouble {
	margin: 0;
	width: 550px;
}
#content .trouble img {
	float: left;
}
#content .trouble p {
	margin: 0 0 0 20px;
}
.upgrade {
	width: 550px;
}
.box {
	float: left;
	position: relative;
	width: 120px;
	padding: 0 20px 20px 0;
	text-align:center;
}
.box-cont {
	width: 500px;
	overflow: hidden;

}
.video-row {
	border-bottom: 1px solid #CCC;
	padding: 5px 30px;
	background: url(../images/video-icon-grey.png) no-repeat scroll left center;
	margin-bottom: 10px;
}
.other-row {
	border-bottom: 1px solid #CCC;
	padding: 5px 30px;
		background: url(../images/pdf_icon.png) no-repeat scroll left center;
	margin-bottom: 10px;
}
.item-row-title {
	float: left;
	clear: both;
}
#box2{
	width:635px;
	height:450px;
}
#pdf-img{
	margin: 20px 0 20px 20px;
	float:left;
}
#pdfbutton{
	margin: 70px 10px 90px 10px;
	width:325px;
	float:left;
}
#install-img{
	margin: 20px 0 0 20px;
	float:left;
}
#install-btn{
	margin: 70px 0 0 20px;
	float:left;
}
.white{
	color:#FFF;
}
#rtcolumn{
	float:right;
	margin-right:110px;
}
#buynow{
	float:left;
	width:159px;
	margin:-38px 0 0 771px;
}
#chat{
	float:right;
	position:inherit;
	margin:-15px 0 0 875px;
}