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

This file contains all front-end CSS for version 111111 of the site.

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

html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}


input[type=text], input[type=password], select, textarea {
	border: 1px solid #c7b299;
	padding: 3px;
	vertical-align: middle;
	}

.right {text-align:right;}










/* More btn */


.Btn li {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width:120px;
		}


#More {
	height: 30px;
	float:right;
	}

	#More .Btn {
			margin: 0;
			
			}

	#More .Btn * {
				display: block;
				margin: 0;
				padding: 0;
				}
				
	#More .Btn .Replace {
				display: none;
				}

	.Btn #getStartedNav a {
		height:50px;
		width:120px;
		}


#MoreNav a {
	height: 50px;
	width: 150px;	
	}




#inputSearch input {
	width:500px;
	}

.inputWidth1 input {
	width:100px;
	}

.formInput {
	width: 254px;
	height: 18px;
	padding: 2px 0px 0px 4px;
	margin: 2px;
	font-size: 1em;
	}

.formInputShort {
    width: 53px;
    height: 18px;
    padding: 2px 0px 0px 4px;
    font-size: 1.0em;
    border: 1px solid #B9D3EB;
	}

.formInputBox {
    padding: 0px 0px 0px 0px;
    margin: 0px 8px 0px 0px;
    font-size: 1.0em;
	}

.formSelect {
	width: 260px;
	font-size: 1em;
	border: 1px solid #bae6f3;
	}

.formSelectShort {
	height: 20px;
	font-size: 1em;
	border: 1px solid #B9D3EB;
	width: 50px;
	}

.formSelectShort2 {
	height: 20px;
	font-size: 1em;
	border: 1px solid #B9D3EB;
	width: 70px;
	}

	
#productLg {
	background: transparent url("../images/_bg_ProductLg.png") no-repeat left top;
	height:601px;
	width:780px;
	margin: 0 auto;
	}
	
#productLg2 {
	width:779px;
	margin-left: 5px;
	}	
	
#productPrice {
	background: transparent url("../images/_bg_ProductPrice.png") no-repeat left top;
	height:104px;
	margin: 0 auto;
	width: 780px;
	}
	
	
.productBtn {
	width: 123px;
	float: left;
	margin: 50px 35px 0 36px;
	}
	
.orderBtn1200 {
	width: 145px;
	float: left;
	background: transparent url("../images/_price_1200.png") no-repeat left top;
	height: 100px;
	}

.orderBtn2400 {
	width: 145px;
	float: left;
	background: transparent url("../images/_price_2400.png") no-repeat left top;
	height: 100px;
	}

.orderBtn5000 {
	width: 145px;
	float: left;
	background: transparent url("../images/_price_5000.png") no-repeat left top;
	height: 100px;
	}
	
.orderBtn10000 {
	width: 145px;
	float: left;
	background: transparent url("../images/_price_10000.png") no-repeat left top;
	height: 100px;
	}
	
.allInclude {
	width: 140px;
	margin: 100px 25px 0 29px;
	line-height:16px;
	font-size:0.95em;
	color: #000000;
}

.allInclude2 {
	width: 150px;
	float: left;
	margin: 90px 23px 0 20px;
	line-height:28px;
	font-size:0.95em;
	color: #000000;
}

.allInclude2 li {
	line-height:18px;
	margin-left:10px;
	list-style-image:url(../images/_dot.png);
	}

allInclude strong {
	color: #434343 !important;
}



.Replace {
		display: none;
		}


/********************* Global ***************************/
html {
	background-color:#003366;
	}
	
body {
	font: 12px/15px Arial,Geneva,Helvetica,sans-serif;
	background-color:#003366;
	}
	
input {padding:1px 2px;vertical-align:middle;} /* border: 1px solid #ebebeb; border-top: 1px solid #b1b1b1; border-left: 1px solid #b1b1b1; */

body #body-popup{background-color:#FFFFFF;}

a {text-decoration:none; color:#44687d;}
a:hover {text-decoration:underline;}
a:visited {
	color:#000000;
	}


div.clear {clear:both;}

h1, h2, h3, h4, h5, h6 {margin:0 0 9px 0; border-collapse:separate;line-height:120%;font-weight:bold;}

h1 {
	font-size: 26px;
	color: #000000;
	line-height: 27px;
	}
h2 {
	font-size: 20px;
	color: #2c3740;
	}

h3 { font-size: 18px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}
strong {font-weight:bold;}
em {font-style:italic;}
p {padding: 0 0 14px 0; line-height:18px;}
.error {color:red;}
.warning {color:orange;}



/***************** FRAMES ***************************/
div#wrapper {
	margin: 2px auto 10px auto;
	text-align:left;
	width:880px;
	background-color:#FFFFFF;
	}

div#header div.masthead {
	padding: 0 20px;
	}
	
div#header div.masthead div.logo {width:287px;float:left;padding: 33px 0 0 0;}
div#header div.masthead div.utilities {
	width: 500px;
	float:right;
	text-align:right;
	padding: 4px 0 0 0;
	}
	
div#header div.masthead div.utilities ul {float:right;color:#cdcdc3;}
div#header div.masthead div.utilities li {float:left;margin-left: 6px; padding-left: 6px;border-left: 1px solid #333333;}
div#header div.masthead div.utilities li.first {border:0;margin:0;padding:0;}
div#header div.masthead div.utilities li a {
	color: #333333;
	}

div#header div.masthead div.utilities div.contact {
	clear:both;
	padding-top: 25px;
	font-size: 11px;
	color: #000000
	}
	
div#header div.masthead div.utilities div.contact p {font-size: 18px; color: #333333;padding-bottom:3px;}




/* Content */
div#content {
	padding: 0 20px;
	text-align: left;
	height: 450px;
	overflow:visible;
}
div#frame-popup div#content {margin:0px 12px;clear:both;}


/* IE treats 'height' as 'min-height' if overflow:visible, but it ignores CSS2 "child selector" syntax, 
   so IE will respect the first instruction below and ignore the second.  Other browsers will respect both,
   and so the right thing will happen for all browsers--a min-height will be set, and the div will grow and
   push down all content below it if the content demands it */

html > body > div#wrapper > div#content { height:auto; min-height: 450px; } 
html > body > div#wrapper-popup > div#content { height:auto; min-height: 450px; } 


/* Home */
div#content div.headBannerHome {
	background: url(../img/header_0.png) no-repeat 0px 0px;
	width:840px;
	height:206px;
	margin-top:2px;
	border-top:1px solid #dfdbdb;
	border-bottom:2px solid #dfdbdb;
	}
div.feature div.featuretextcontainerHome {
	padding:30px 20px 0 0;
	float: right;
	width: 550px;
	}




div.feature div.callingTabs {
	height:35px;
	width:450px;
	}




#slideshow {
	height: 206px;
	background: url(../img/header_0.png) no-repeat 0px 0px;
	position: relative;
	left: 0px;
	top: 0px;
	width: 840px;
	}
		
		
		
		#descriptions {
			width: 839px;
			height: 161px;
			position: absolute;
			overflow: visible;
			visibility:visible;
			left: 0px;
			top: 0px;
			}
		
		
		
		
		#descriptions div {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	position: absolute;
	top: 40px;
	left: 249px;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility:visible;
	overflow: visible;
	width: 573px;
	height: 124px;
	z-index:1000;
			}
				
		
		#descriptions div h2 {
			font-size: 26px;
			line-height: 27px;
			color: #000000;
			}
		
		#descriptions div p {
			font-size: 1em;
			line-height: 17px;
			}

		
		
		
		
		#slides {
			width: 840px;
			position: absolute;
			overflow: hidden;
			border-top:1px solid #dfdbdb;
			border-bottom:2px solid #dfdbdb;
			height: 206px;
			left: 0px;
			}		
		
		#slides img {
			position: absolute;
			top: 0px;
			left: 0px;
			opacity: 0;
			filter: alpha(opacity=0);
			}

	#slideshow a.trial {
		position: absolute;
		left: 614px;
		bottom: -37px;
		}
	

#content #testimonialTable {
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#333333;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: url(../img/bg_module.png) no-repeat bottom left;
	height: 450px;
	}


#content #moduleTable {
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#333333;
	border: solid 1px #cccccc;
	padding: 10px 20px;
	background: url(../img/bg_module.png) no-repeat bottom left;
	height: 275px;
	}

	#content #moduleTable p {
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height: 16px;
	}

	#content #moduleTable ul {
	padding:0 0 0 25px;
	}
	
	#content #moduleTable ul li {
	list-style:disc;
	font-size: 11px;
	color: #000000;
	line-height: 18px;
	}


#content #planTable {
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#333333;
	border: solid 1px #cccccc;
	padding: 10px 20px;
	}
	
		#content #planTable p{
			padding:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1em;
			color:#000000;
			}


.find-out {
	text-align:left;
	display:block;
	cursor: hand;
	cursor: pointer;
	}



div#content div.callouts {margin-top:10px;}
div#content div.colFirst {
	width: 277px;
	float:left;
	text-align:left;
	padding: 4px 0 0 0;
	height: 225px;
	}
	
div#content div.colMid {
	width:277px;
	float:left;
	border-right: 2px dotted #cccccc;
	border-left: 2px dotted #cccccc;
	padding: 4px 0 0 0;
	}
	
div#content div.colLast {
	width: 279px;
	float:right;
	text-align:left;
	padding: 4px 0 0 0;
	}


/* Seminar */

div#content div.headBannerSeminar{
	background: url(../img/header_seminar.png) no-repeat 0px 0px;
	width:840px;
	height:206px;
	margin-top:2px;
	border-top:1px solid #dfdbdb;
	border-bottom:2px solid #dfdbdb;
	}
	
div#content div.headBannerSeminar div.feature div.featuretextcontainer {
	padding:50px 0 0 130px;
	float: left;
	}


	
	

/* Footer */
div#footer {
	background-color:#FFCC00;
	padding: 2px 10px;
	color:#333333;
	text-align:left;
	height: 35px;
	}
	
div#footer div.links {margin-top: 10px; }
div#footer div.forward {float:right;}
div#footer div.links a {
	display:block;
	float:left;
	margin:0 8px 6px 0;
	padding-right:12px;
	border-right:1px solid #777;
	font-size:10px;
	line-height:14px;
	color:#333333;
	}
	
div#footer div.links a:hover {
	color:#003399;
	text-decoration:underline;
	}
	
div#footer div.links a.last {border:0;}
div#footer div.links div.linkgroup {clear:both;}
div#footer div.links div.primary {}
div#footer div.links div.secondary a {float:left; font-size:10px;}
div#footer div.footerbadge {float:right;margin-top:9px;}

div#footer div.copyRight {
	float:right;
	font-size:10px;
	}

div#framefooter {
	background-color: #2f1e1e;
	color: #58470C;
	padding: 9px 20px 18px 20px;
	text-align:left;
	}
	
div#stagelandingfooter {margin: 9px auto 0 auto;width:880px;padding-bottom:18px;color:#56768b;}
div#framefooter div.badges, div#stagelandingfooter div.badges {float:left;}
div#framefooter div.copyright, div#stagelandingfooter div.copyright {float:right;}
div#copyright-popup {clear:both; text-align:right; font-size:10px;margin: 6px 12px;}


/* Order */


.orderform {
	width: 600px;
	border: 4px;
	border-style: solid;
	border-color: #FFE9BB;
	margin: 0 auto;
	padding: 5px 15px;
	background-color: #ffffcc;
	text-align: center;
	}

.orderform li {
	list-style:disc;
	margin-left: 50px;
	}	
	
.borderTop {
	border-top: 1px solid #D0D0D0;
	}
	

.title-td {
    text-align:left;
    padding: 1px 1px 1px 1px;
    margin:2px 2px 2px 2px;
    border-bottom: 1px solid #D0D0D0;
    background-color: #F0F0F0;
	font-weight:bold;
	}

.title-td-right {
	font-weight:bold;
	text-align:right;
	padding: 5px 8px 5px 0px;
	margin:0 0 10px 0;
	border-right: 1px solid #D0D0D0;
	background-color: #F0F0F0;
	}

.title-td-left {
	font-weight:bold;
	text-align:left;
	padding: 5px 3px 5px 8px;
	margin:0 0 10px 0;
	background-color: #F0F0F0;
	border-right: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	}

.title-td-main {
    font-weight:bold;
	text-align:left;
    padding: 0 3px 15px 8px;
    margin:0 0 10px 0;
    background-color: #F0F0F0;
    border-right: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
	}

.cart-td-right {
	text-align:right;
	padding: 3px 3px 3px 8px;
	margin:0 0 10px 0;
	border-right: 1px solid #F0F0F0;
	}

.cart-td-left {
	text-align:left;
	padding: 3px 3px 3px 8px;
	margin:0 0 10px 0;
	border-right: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	}

.cart-top {
    border-top: 1px solid #F0F0F0;
	text-align:right;
	}

.right-td {
    text-align:left;
    padding: 0 3px 15px 8px;
    margin:0 0 10px 0;
	}

.title {
    text-align:left;
    border-right: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
	}

.formInput {
	width: 254px;
	height: 18px;
	padding: 2px 0px 0px 4px;
	font-size: 1em;
	border: 1px solid #cccccc;
	margin-left:8px;
	}

.formInputShort {
    width: 53px;
    height: 18px;
    padding: 2px 0px 0px 4px;
    font-size: 1.0em;
    border: 1px solid #cccccc;
	margin-left:8px;
	}

.formInputBox {
    padding: 0px 0px 0px 0px;
    margin: 0px 8px 0px 0px;
    font-size: 1.0em;
	}

.formSelect {
	width: 260px;
	font-size: 1em;
	border: 1px solid #cccccc;
	margin-left:8px;
	}

.formSelectShort {
	height: 20px;
	font-size: 1em;
	border: 1px solid #cccccc;
	width: 50px;
	margin-left:8px;
	}

.formSelectShort2 {
	height: 20px;
	font-size: 1em;
	border: 1px solid #cccccc;
	width: 70px;
	margin-left:8px;
	}
	
#guaranteeseal {
	background: transparent url(/images/guaranteeseal.jpg) no-repeat 20px 20px;
	height:145px;
	width:127px;
	}