@charset "utf-8";
/* CSS Document */

html {
    margin:0;
    padding:0;
}

/* The font-family for the whole site is defined here */
body {
    background:#F9F9F9;
    padding:0;
    margin:10px 0 15px 0;
    text-align:left;
    font:normal 1em "Lucida Grande",Geneva,Arial,Verdana,sans-serif;}

div, h1, h2, h3, h4, h5, h6, form {
    font-size:1em;
    padding:0;
    margin:0;}
    
h1, h2, h3, h4, h5, h6 {}
    
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:link {
    display:block;
    padding-right:10px;
    color:#009900;}

h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link {
    display:block;
    padding-right:30px;
    border-color:#009900 !important;}

p {    
    padding:0;
    margin:8px 0;
    display:block;}

ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;}

ul.noDots li {
    list-style:none;}
	
body#popUp #content ul.numerals {
    list-style: disc;}

body#popUp #content h3 {
    width:auto;}
	
body#popUp #content ul.numerals li {
	vertical-align:text-top;
    display:block;
	width:100%;
	padding-top:0px;
	margin-bottom:8px}
	
body#popUp #content ul.numerals li h4 {
    margin-top:0px;
	padding-top:0px;
	line-height:normal;
	height:auto;}

hr {
    color:#FF9900;
    background-color:#FF9900;
    height:.0625em;
    padding:0;
    margin:0;}

a, a:link {
    text-decoration:none;
    color:#009900;
    cursor:pointer;
    }

a:visited {
    color:#009900;
    cursor:pointer;}

a:hover {
        text-decoration:underline;
        cursor:pointer;}

a img, img { 
    border:none;
    background:none;
    padding:0;
    margin:0;}
    
table {
    margin:0;
    padding:0;
    border:.0675em solid #666;
    font-size:1em;
    border:0px #CCC;
    border-collapse:collapse;
    clear:left;
    width:100%;}

/* color is defined in the ZONE */
th {
    margin:0;
    padding:.5em;
    color:#fff;
    background-color:#CCC;
    border-right:0px solid #999;}

/* color is defined in the ZONE */
tfoot td {
    margin:0;
    padding:0 .25em;
    border-top:0px solid #EEEEEE;
    background-color:#EEEEEE;}

/* for the cycle smarty function so that table rows are distinguishable */
tr.even {background-color:#f5f5f5;}
tr.odd {background-color:#fff;}
td.even {background-color:#f5f5f5;}
td.odd {background-color:#fff;}
.even {background-color:#f5f5f5;}
.odd {background-color:#fff;}

td.input {border-left:1px solid #CCC;}    
td.checkbox {}    
td.label {text-align:right;}

td {
    margin:0;
    padding:.25em 1em .25em .5em;
    border-left:1px solid #CCC;}

td li {
    margin-left:30px;
}
    
table.withBorder {
    border: 1px solid #ccc;
}

#demoFlash {
    position:relative;
    display:block;
    float:left;
    z-index:25;
    width:925px;
    background-color:#000;
    overflow:hidden;
    }
    
/* MAIN             ***************************************************************************************/

#main {
    width:816px;
    padding:0pt;
    margin: 0px auto;
    background:#F9F9F9;
    position:relative;
    }
    
/* MAINNAV            ***************************************************************************************/

#mainNav {
    width:815px;
    margin:5px 0pt 15px 0pt;
    background:#FFF;
    float:left;
    font-size:14px;
    }

#mainNav ul {
    height:30px;
    display:inline;
    margin:0pt;
    padding:0pt;
    float:left;
    }

#mainNav a,
#mainNav  a#homeBtn,
#mainNav  a#end {
    width:98px;
    height:30px;
    display:inline;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    margin:0pt;
    padding:0pt;
    color:#fff;
    background:#FFF url(../images/2.png);
    background-position:-63px -60px;
    float:left;
    text-align:center;
    line-height:30px;
    overflow:hidden;
    }
    
#mainNav a:hover {background-position:-65px -30px;}

#mainNav a.apricot:hover {}

#mainNav  a#homeBtn {
    width:63px;
    background-position:0pt -60px;
    }
    
#mainNav  a#homeBtn:hover {
    width:63px;
    background-position:0pt -30px;
    }
    
#mainNav  a#end {
    width:63px;
    background-position:-753px -60px;
    }

#mainNav  a.current,
#mainNav  a.current:hover {
    width:96px;
    background-position:-65px -30px;
    }
    
#mainNav  a#homeBtn.current,
#mainNav  a#homeBtn.current:hover {
    width:63px;
    background-position:-0px -30px;
    } 

/* FOOTER            ***************************************************************************************/

#footer {
    width:100%;
    padding:10px 0pt 70px 0pt;
    background:url(../images/7.jpg) no-repeat  top center;
    position:relative;
    float:left;
    }
    
#footer table {
    width:100%;
    margin:0;
    border-collapse:collapse;
    text-align:center;
    font-size:12px;
    color:#FF9900;
    border:0px;
    }

#footer td {
    padding:10px 0;
    border-collapse:collapse;
    text-align:center;
    font-size:12px;
    color:#FF9900;
    border:0px;
    }
    
#footer a {
    color:#FF9900;
    }
    
/* CONTENT             ***************************************************************************************/

#ContentBottom {
    height:20px;
    width:816px;
    background: url(../images/37.gif) no-repeat top left;
    position:relative;
    float:left;
    }

#ContentBottomDemo{
    height:20px;
    width:816px;
    background: url(../images/30.gif) no-repeat top left;
    position:relative;
    float:left;
    }

#forRightColBg {
    background:#fff url(../images/36.gif) repeat-y top left;
    float:left;
    display:block;
    }
    
#content,
#demoContent
 {
    width:665px;
    height:600px;
    margin:0pt;
    background:#FFF;
    float:left;
    border:1px solid #DDD;
    position:relative;
    }
 
#website_loader {
    padding:0;
    margin:0;
    margin-top:30px;
    }
    
html>body #content {
    height:auto;
    min-height:600px;
    }
    
#content h2,
#content h3,
#content h4 {
    font-weight:normal;
    float:left;
    display:block;
    width:95%;
    line-height:30px;
    color:#FF9900;
    padding:0pt;
}

#content h4.block {
    font-weight:normal;
    float:left;
    display:block;
    width:95%;
    line-height:30px;
    color:#FF9900;
    padding:0pt;
}
    
#content h2 {
    width:96%;
    display:block;
    font-size:1.75em;
    padding:10px 2%;
    background:#FF9900;
    color:#FFF;
    }
	
#landing h2 {
	text-align:center;
}
   
#content h3 {
    font-size:20px;
    margin:0px 0px 0px 10px;
	width:93%;
    border-bottom:1px solid #FF9900;
    }
    
#content h4 {
    font-size:16px;
    margin:0px 10px;
    }
    
#content div.textWrapper {
    font-size:12px;
    display:block;
    margin:-1px 0pt 10px 0pt;
    padding:10px 20px;
    background:url(../images/0.jpg) no-repeat top left;
    color:#666;
    float:none;
    }
	
#content div.textWrapper div.col1 {
    float:left;
    width:365px;
	display:block;
	padding:0px;
	margin:0px;
	max-width:365px;
	min-width:365px;
}

#content div.textWrapper div.col2 {
    float:right;
    width:365px;
	display:block;
	padding:0px 0px 0px 20px;
	margin:0px;
	max-width:365px;
	min-width:365px;
	border-left:1px solid #FF9900;
}
 
#content div.textWrapper h2 {
    padding:0pt;
    color:#ff9900;
    width:100%;
    clear:both;
    font-size:18px;
    font-weight:bold;
    margin:10px 0pt;
    background:none;
    line-height:20px;
    }
    
#content div.textWrapper h3 {
    width:100%;
    font-size:14px;
    margin:10px 0pt;
    line-height:25px;
    border-bottom:1px solid #FF9900;
    clear:both;
    }
    
#content div.textWrapper h4 {
    width:auto;
    font-size:16px;
    display:block;
    margin:0px 0px;
    line-height:normal;
    float:none;
    }
    
#content p {
    width:100%;
    font-size:12px;
    display:block;
    margin:5px 0pt;
    float:left;
    clear:left;
    }
    
#content #orange {
    background:#FF9900;
    font-weight:bold;
    font-size:14px;
    color:#FFF!important;
    }
    
#content ul {
    width:85%;
    list-style: disc;
    display:block;
    margin:0pt;
    padding:5px 0pt 5px 20px;
    float:left;
    clear:left;
    }
    
#content li {
    padding:3px 0px;
    }

#content li.tight {
    padding:0px;
    }
    

#content div.textWrapper ul.noDots li {list-style:none;}

#content div.textWrapper input.checkbox {width:25px;}

#content table.features td {padding:5px 5px 10px 5px;}    
#content table.features td.label {width:25%;}    
#content table.features td.description {width:75%;}    
#content table.contact td.label {width:260px;}
#content table.contact td.two {width:190px;}    
#content table.contact td.input {border-left:none;}
#content td.input {border-left:1px solid #CCC;}
#content table.pricing td {width:8%;}
#content table.pricing td.feature {width:32%;}    
#content table.pricing td.description {width:60%;}  

#content .label {
    text-align:right;
    width:100px;
    margin-right:10px;
    float:left;
    border-left:none;
    }
	
#content table.landingTable .label {
    width:120px;
    }
        
#content .required {
    font-weight:bold;
    color:#FF9900;
    }
    
#content .inputWrapper {
    width:290px;
    float:left;
    clear:left;
    }
    
#content .submitWrapper {
    width:290px;
    margin-top:20px;
    text-align:right;
    float:right;
    }
    
#content .button {
    background:#FF9900 url(../images/21.gif) repeat-x;
    padding:8px;
    border:#FF9900 1px solid;
    color:#FFF;
    font-weight:bold;
    font-size:14px;
    line-height:25px;
    width:auto;
    margin-right:5px;
    }
    
#content select {width:175px;}    
#content input {width:170px;}
#content input.checkbox {width:auto;}
    
#content .banner {
    height:200px;
    width:665px;
    padding:0px;
    }    

#content div.textWrapper div.screenShot {
    width:340px;
    float:left;
    clear:none;
}

#content div.textWrapper div.sideText{
    display:inline;
    float:none;
    clear:none;
}

#content div.textWrapper div.sideText img{
    height:16px;
    width:16px;
    margin:-1px 0px -4px 0px;
}

#content p#webinarInfo,
#content p#webinarInfo2 {
    overflow:hidden !important;
    height:0px;
    margin:0px;
    padding:0px 8px 0px 20px;
    display:block;
}

#content ul#webinarBullets {
    overflow:hidden !important;
    height:0px;
    padding:2px 0pt 2px 20px;
    float:left;
    width:95%;
}

#content ul#webinarBullets li {
    list-style:disc;
    padding:1px 0px;
    margin-left:20px;
}

#content p.blockQuote {
	padding:15px;
    margin-left:10px;
    width:90%;
	background:#FFEEDD;
}

.legal {
	font-style:italic;
	font-size:8px!important;
	clear:both;
	}


/* INPUT FORM           ***************************************************************************************/
div#inputForm {
	padding:10px 10px;}
	
div#inputForm select {
	width:auto;}
	
div#inputForm input.small {width:3.25em;}
div#inputForm input.smaller {width:2.25em;}
div#inputForm input.smallest {width:1.5em;}
div#inputForm input.smallMed {width:8em;}
div#inputForm input.medium {width:11.625em;}
div#inputForm input.medLarge {width:16em;}
div#inputForm input.large {width:24.4em;}
div#inputForm input.double {width:33.6125em;}
div#inputForm textarea.fullLength {width:98%;padding:1%;margin:0px;}
div#inputForm textarea.large {width:24.8em; height:12em;}
div#inputForm select.medium {width:9.375em;}
div#inputForm select.medLarge {width:11.625em;}
div#inputForm select.large {width:15.375em;}
div#inputForm .fullLength {width:98%;padding:4px;margin:0px;}
	
div#inputForm input {float:none;}

div#inputForm div.inputLabel {
	text-align:left;
	padding:10px 7px 1px 7px;
	margin:0px;
	font-size:12px;
	color:#888;
	clear:both;
	width:auto;}

div#inputForm div.actionWrapper {
	margin-top:10px;
	padding:10px 0px;
	border-top:1px solid #ccc;
	clear:both;
	width:auto;}

div#inputForm div.inputWrapper {
	text-align:left;
	padding:0px 3px;
	margin:0px;
	clear:both;
	width:auto;}

div#inputForm div.doubleInput {
	float:left;
	clear:none;
	width:auto;}

div#inputForm div.radiobtnWrapper {
	text-align:left;
	padding:1px 0px;}

div#inputForm .inlineInputText {
	font-size:.8125em;}
	
.clearBreak {
	height:1px;
	padding:0px;
	margin:0px;
	width:100%;
	display:block;
	font-size:.125em;
	line-height:0em;
	clear:both;}
    
/* HOW TO BUY           ***************************************************************************************/    
#content #howToBuy div.textWrapper p {
    margin:0pt;
    padding:0pt;
    float:left;
    clear:left;
    }
    
#content #howToBuy div.textWrapper h4 {
    margin:15px 0 0 0;
    padding:0px;
    display:block;
    float:left;
    clear:left;
    font-weight:bold;
    }    
    
/* COLRIGHT            ***************************************************************************************/    
#colRight {
    width:134px;
    height:auto;
    margin:0px 0pt 5px 14px;
    padding:0pt;
    float:right;
    background:#FDFDFD;
    color:#666;
    font-size:12px;
    font-weight:bold;
    }
    
html>body #colRight {
    height:auto;

    }
    
#colRight h2 {
    color:#FFF;
    font-size:14px;
    padding:3px;
    font-weight:bold;
    text-align:center;
    line-height:20px;
    background:#fff url(../images/4.png) no-repeat;
    }

#colRight p {
    width:123px;
    margin:0pt;
    padding:3px;
    padding-left:6px;
    background:#fff repeat-y;
    border-left:1px solid #DDD!important;
    border-right:1px solid #DDD!important;
    }

#colRight a {
    display:block;
    margin:0pt;
    /*padding:0 5%*/;
    }

#colRight p a {
    padding:0pt !important;
    margin:0 0 0 9px !important;
    font-size:11px;
    font-weight:normal;
    }
    
#colRight p.posted {
    width:103px;
    padding:0px 3px 3px 26px;
    margin:0pt !important;
    background:#fff repeat-y;
    border-left:1px solid #DDD;
    border-right:1px solid #DDD;
    font-size:11px;
    font-weight:normal;
    }


#colRight a.noMargin {margin:0pt;padding:0pt;}

#colRight div {
    padding-bottom:10px;
    background:#f9f9f9;
    }

#colRight div.end {
    width:100%;
    height:4px;
    background:#f9f9f9 url(../images/6.png) no-repeat top left;
    border-bottom:1px solid #DDD;;
    }
    
#colRight div.bottom {
    height:0;
    border:1px solid #DDD;
    border-bottom:0px;
    background:#fff;
z-index: 100;
    }

/* pageBehindFlash ***************************************************************************************/
#pageBehindFlash {
    position:absolute;
    top:0px;
    left:1px;
    z-index:5;}

/* DEMO PAGE            ***************************************************************************************/

#landing #content,
#demoContent {width:815px;    border-bottom:1px;}

/* SITEMAP              ***************************************************************************************/
#sitemap { margin-top:50px; display:block;}

#sitemap ul {
    margin:0 0 3px 15px;
    padding:0px;
    clear:both;
    font-size:24px;
    list-style:none;}
    
#sitemap ul ul {
    font-size:18px;}
#sitemap ul ul ul {
    font-size:14px;}
#sitemap ul ul ul ul {
    font-size:12px;
    margin-bottom:0px;}
    
#sitemap ul li {
    clear:both;
    margin:2px 10px;
    padding:0px 10px;
    list-style:none;
    border-bottom:1px solid #006600;}
    
#sitemap ul li li {
    border-bottom:1px solid #EEFFEE;}
    
#sitemap ul li li li {
    border-bottom:none;}    
    
/* OVERLAY          ***************************************************************************************/
#overlay {
    height:80em;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    display:block;
    background:none;
    overflow:hidden;}

html>body #overlay {
    height:100%;
    position:fixed;}

#overlay_border {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:5em;
    background-color:#fff !important;
    z-index:101;}

#overlay_content {
    padding:0em;
    margin:0 auto 0 auto;
    position:relative;
    top:10%;
    overflow: auto;
    background-color: white;
    border:3px solid #999;
    z-index:102;
    display:block;
    width: 40em;
    height:auto;
    max-height:30em;}
    
#overlay_target {    
    position:relative;
    z-index:102;}
    
#overlay_content #content div.textWrapper,
#overlay_content #content,
#overlay_content #content .banner {
    width:auto;}
    
#overlay_content #content h2 {
    padding-left:20px;}
    
#overlay_content #content div.textWrapper table {
    width:auto;}    
    
/* POPUP            ***************************************************************************************/
body#popUp {margin:0pt;}

body#popUp #main {width:100%;}

body#popUp #content div.textWrapper {float:none;}
    
body#popUp #content,
body#popUp #demoContent {
    width:665px;
    height:498px;
    margin:0pt auto;
    float:none;
	}
    
html>body#popUp #content {
    height:auto;
    min-height:498px;
    }
	
body#popUp #content h3 {
    width:98%;
	}

body#popUp #content table.contact td.two {
    width:177px;
    }
	
div#content .miniSiteBtns {
	width:100%;
}

div#content .miniSiteBtns a {
	text-decoration:none;
}

div#content .miniSiteBtns img {
	margin:0px auto;
	border:1px solid #ff9900;
	float:none;
	width:auto;
}

div#content .miniSiteBtns div.btn {
	float:left;
	clear:none;
	width:250px;
	padding:10px;
	display:inline;
	font-size:12px;
	color:#666;
}

div#content .miniSiteBtns div.btn div {
	width:155px;
	margin:auto;
}

div#content .miniSiteBtns div.btn img {
	width:155px;
}

div#content .miniSiteBtns div.btn ul,
div#content .miniSiteBtns div.btn ul li {
	margin-right:0px;
	padding-right:0px;
}

#content .miniSiteBtns .btn a.button {
	width:200px;
	cursor:pointer;
	font-size:16px;
	padding:6px 0px!important;
	margin:2px auto!important;
	height:23px;
	border:0px;
	display:block;
	float:none;
	text-align:center;
	color:#444!important;
	font-weight:normal;
	background:none;
	background-position:0px -35px;
	background-image:url(../images/19.png);
	outline:none;}

a.button:hover {
	text-decoration:none;
	background-position:0px -35px;}