/* other pages */

/* universal formatting */

.column-1 {
float:left;
width:540px;
padding:0 25px 20px 20px;
position:relative;
}

.column-2 {
float:left;
width:120px;
padding:0 20px 20px 15px;
position:relative;
z-index:0;
}	 

.column-2, ul {
padding:0;
margin:0;
list-style:none;
}

.column-2  li {
padding:0 0 15px 0;
}

.land-1 ul {
padding:0;
margin:0;
list-style:none;
}

.land-1  li {
padding:0 0 15px 0;
}

h1 {
font-family: georgia,times;
font-size:1.6em;
font-weight:bold;
/* color:#3E4D74; */
color:#AE4C03;
padding:0 0 5px 0;
margin:0;
}

.hilite {
padding:12px 25px 7px 12px;
background: url(../images/hilite_top2.gif) no-repeat;
margin:0;
position:relative;
color:#3E4D74;
}

.hilite-btm {
background: url(../images/hilite_btm2.gif) no-repeat;
height:13px;
margin:0 0 10px 0;
position:relative;
}

.code-sample {
margin:10px 0 10px 0;
padding:10px;
background:#eee;
color:navy;
text-align:center;
}

/* formatting for (most) forms */

label {
width: 130px;
float: left;
text-align: right;
margin: 0 5px 0 0;
padding: 3px 0 0 0;
display: block;
}

fieldset {
border: 1px solid #ccc;
width: 500px;
}

.smaller fieldset {
width: 300px;
}

.smaller label {
width:150px;
}

legend {
color: #3E4D74;
font-family:arial;
font-size:1.3em;
font-weight:bold;
background: #eee;
border: 1px solid #ccc;
padding: 3px;
}

.textfield {
height:13px;
font-size:9px;
}

.selectbox {
font-size:10px;
}

.submit-btn {
font-size:11px;
}

.submit-btn-p {
padding:5px 0 5px 235px;
}

p {
margin:5px 0 0 0;
padding:0;
}

.txtpad {
padding:5px 25px 10px 25px;
}

.txtpad2 {
padding:5px 15px 5px 15px;
}

.ckboxp {
float: left;
padding:10px 0 15px 0;
width:25px;
}

.ckboxtxt {
float: left;
padding:10px 0 15px 0;
width:400px;
font-weight:bold;
}

/* products */
.prod-1 {
float:left;
width:175px;
padding:0 10px 20px 10px;
}

.prod-2 {
float:left;
width:140px;
border-left:1px solid #E4E6EC;
padding:0 10px 20px 20px;
}	 

.prod-3 {
float:left;
width:140px;
border-left:1px solid #E4E6EC;
padding:0 10px 20px 20px;
}

.prod-link {
font-weight:bold;
}

/* how it works */

.pic-buf {
padding:10px;
text-align:center;
}

.pic-buf2 {
padding:10px 0 20px 0;
text-align:center;
}

.how-1 {
float:left;
width:150px;
padding:0 10px 20px 10px;
}

.how-2 {
float:left;
width:150px;
border-left:1px solid #E4E6EC;
padding:0 10px 20px 20px;
}	 

.how-3 {
float:left;
width:150px;
border-left:1px solid #E4E6EC;
padding:0 10px 20px 20px;
}

/* reseller section */

.var-1 {
float:left;
width:150px;
padding:0 10px 20px 10px;
}

.var-2 {
float:left;
width:325px;
border-left:1px solid #E4E6EC;
padding:0 10px 20px 20px;
}	 

.var-tbl1 {
border-collapse:separate;
border-spacing:0px;
width:500px;
}

.var-tbl1 td {
vertical-align:top;
}

.var-tbl2 {
border-collapse:separate;
border-spacing:0px;
width:200px;
}

.var-tbl2 td {
vertical-align:middle;
white-space:nowrap;
}

.var-tbl2-lbl {
padding:0 5px 0 0;
text-align:right;
}

.var-form-txt {
float:left;
height:13px;
font-size:9px;
}

.var-email {
width:115px;
}

.var-pw {
width:70px;
}

.var-form-btn {
font-size:9px;
}

.reseller-list li {
padding:0 0 10px 0;
}

.prospect-form1 {
padding: 0 0 12px 0;
}

.prospect-form2 {
margin: 7px 0 0 0;
}

.affiliate-btm {
margin:0 10px 10px 10px;
padding:10px;
border: 1px solid #ccc;
background:#fff;
}

.aff-txt {
padding:0 0 15px 0;
}

.txt-1 {
width:500px;
height:80px;
}

.txt-2 {
width:500px;
height:100px;
}

.txt-3 {
width:500px;
height:250px;
}

/* 14-day assessment */

.try-1 {
}

/* contact page */

.contact-1 {
}

.con1 {
float:left;
width:190px;
padding:0 30px 10px 60px;
}

.con2 {
float:left;
width:150px;
padding:0 0 10px 0;
}

/* support */

.sup-1 {
}

/* demo */

.demo-title-txt {
float:left;
position:relative;
background:#eee;
height:19px;
font-size:1.3em;
font-weight:bold;
font-family:arial;
color:#3E4D74;
padding:4px 0 0 0;
margin:0;
text-align:center;
}

.demo-title-txt-hilite {
background:#ccc;
}

.demo-title1 {
width:170px;
border-right:1px solid #ccc;
}

.demo-title2 {
width:170px;
border-right:1px solid #ccc;
}

.demo-title3 {
width:175px;
}

.demo-arrow {
background-image:url(../images/demo_shadow.gif);
background-repeat: repeat-x;
border:solid #eee;
border-width:0 1px 0 1px;
width:515px;
}

.demo-step1 {
margin:0 0 0 10px;
}

.demo-step2 {
margin:0 0 0 20px;
}

.demo-step3 {
margin:0 0 0 20px;
}

.demo-intro-txt {
position:relative;
padding:0 20px 20px 5px;
}

.demo-outro-txt {
position:relative;
padding:10px 20px 5px 20px;
}

.demo-main-txt {
position:relative;
border:solid #eee;
border-width:0 1px 1px 1px;
}

.demo-main-txt h3 {
padding:0;
}

.demo-text1 {
background:url(../images/demo-1.jpg) no-repeat right top;
width:255px;
padding:20px 245px 10px 15px;
}

.demo-text2 {
background:url(../images/demo-2.jpg) no-repeat right top;
width:325px;
padding:20px 175px 10px 15px;
}

.demo-text3a {
background:url(../images/demo-3a.jpg) no-repeat left top;
width:375px;
padding:20px 15px 10px 125px;
}

.demo-text3b {
background:url(../images/demo-3b.jpg) no-repeat right top;
width:375px;
padding:10px 125px 10px 15px;
}

.demolink {
font-weight:bold;
}

/* ui tour */

.tour {
float:left;
position:relative;
background:#eee;
height:30px;
font-size:1.0em;
font-weight:bold;
font-family:arial;
color:#3E4D74;
padding:4px 0 4px 7px;
margin:10px 0 0 0;
}

.tour a {
color:#3e4d74;
text-decoration:none;
}

.tour a:hover {
color:#3e4d74;
text-decoration:underline;
}

.tour-title-txt-hilite {
background:#ccc;
}

.tour-title1 {
width:80px;
border-right:1px solid #ccc;
}

.tour-title2 {
width:125px;
border-right:1px solid #ccc;
}

.tour-title3 {
width:100px;
border-right:1px solid #ccc;
}

.tour-title4 {
width:90px;
border-right:1px solid #ccc;
}

.tour-title5 {
width:83px;
}

.tour-arrow {
background-image:url(../images/demo_shadow.gif);
background-repeat: repeat-x;
border:solid #eee;
border-width:0 1px 0 1px;
width:515px;
}

/* arrow-spacing1 is initial setting of where arrow is.
javascript 'moves' the arrow by adding padding using different classes */

.arrow-spacing1 {
padding-left:5px;
}

.arrow-spacing2 {
padding-left:90px;
}

.arrow-spacing3 {
padding-left:220px;
}

.arrow-spacing4 {
padding-left:325px;
}

.arrow-spacing5 {
padding-left:425px;
}

.tour-main-txt {
position:relative;
border:solid #eee;
border-width:0 1px 1px 1px;
width:495px;
padding:10px 5px 10px 15px;
}

.txt-hide {
visibility:hidden;
display:none;
}

.txt-show {
visibility:visible;
}

.txt-show img {
float:right;
padding:0 10px 0 20px;
}

/* 2.1 Page */

.two-one-1 {
float:left;
width:310px;
border-right:1px solid #E4E6EC;
padding:0 10px 20px 10px;
}

.two-one-1 ul {
padding:0 0 0 0;
margin:0 0 0 20px;
}

.two-one-1 li {
padding: 1px;
}

.two-one-2 {
float:left;
width:175px;
padding:0 10px 20px 20px;
}	

.two-one-2 ul {
padding:5px 0 0 0;
margin:0;
list-style:none;
}

.two-one-2 li {
padding:0 0 15px 0;
}

/* customer comments */
.quotes {
padding:0 20px 0 15px;
}

/* test/experimental */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 1000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0;
left: -1000px;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -410px;
left: 135px; /*position where enlarged image should offset horizontally */
}

/* eval */

.eval-tbl {
width:400px;
text-align:center;
padding:10px 0 0 0;
}

/* sneaky trick */

.neato {
width:5px;
visibility:hidden;
}

/* cisv */

.tblheader2 {
text-align: center;
background: #ccc;
font-weight: bold;
}

.tbldata2 {
vertical-align:top;
}

/* iFrame */
#DemoiFrame {
/*display: none;
visibility: hidden;*/
height: 200px;
width: 200px;
}

/* landing page */
.land-1 {
float:left;
width:130px;
padding:10px 10px 0 0;
}

.land-2 {
float:left;
width:390px;
padding:0 0 0 5px;
}